HarmonyOS 如何实现阴影效果

HarmonyOS  如何实现阴影效果  -鸿蒙开发者社区

HarmonyOS
2024-12-25 09:06:21
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

shadow属性设置组件的阴影,可以参考以下demo:

@Entry
@Component
struct ShadowOptionDemo {
  build() {
    Row() {
      Column() {
        Column() {
          Text('shadowOption').fontSize(12)
        }
        .width(200)
        .height(80)
        .margin(10)
        .justifyContent(FlexAlign.Center)
        .backgroundColor(Color.White)
        .borderRadius(10)
        .shadow({
          radius: 1,
          type: ShadowType.COLOR,
          color: Color.Gray,
          offsetY: 1,
          fill: true
        })
        Column() {
          Text('shadowOption').fontSize(12)
        }
        .width(200)
        .height(80)
        .margin(10)
        .justifyContent(FlexAlign.Center)
        .borderRadius(20)
        .shadow(ShadowStyle.OUTER_DEFAULT_XS)
      }
      .width('100%')
      .height('100%')
      .justifyContent(FlexAlign.Center)
    }
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-25 11:23:59
相关问题
HarmonyOS 如何实现阴影边框效果
965浏览 • 1回复 待解决
如何实现组件的阴影效果
1139浏览 • 1回复 待解决
如何去除Checkbox的阴影效果
2139浏览 • 1回复 待解决
HarmonyOS tabs阴影效果
1005浏览 • 1回复 待解决
如何将List的回弹效果改为阴影效果
637浏览 • 1回复 待解决
HarmonyOS Toolbar如何增加底部阴影
203浏览 • 1回复 待解决
HarmonyOS UI组件需要加阴影要怎么实现
180浏览 • 1回复 待解决
HarmonyOS 如何实现粒子效果
88浏览 • 1回复 待解决
HarmonyOS 如何设置布局的背景阴影
105浏览 • 1回复 待解决
HarmonyOS 阴影设置问题
202浏览 • 1回复 待解决
HarmonyOS 如何实现数据翻页效果
359浏览 • 1回复 待解决
HarmonyOS如何实现文字轮播效果
586浏览 • 1回复 待解决
HarmonyOS 如何实现底部弹窗效果
380浏览 • 1回复 待解决
HarmonyOS 如何实现滚动渐变效果
524浏览 • 1回复 待解决
HarmonyOS 如何实现跑分效果
43浏览 • 1回复 待解决
如何实现视频滤镜效果
2279浏览 • 1回复 待解决
如何实现动画转场效果
1082浏览 • 1回复 待解决
canvas如何实现水印效果
1197浏览 • 1回复 待解决
如何实现星级评分效果
689浏览 • 1回复 待解决