HarmonyOS 如何实现阴影效果

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

HarmonyOS
1天前
浏览
收藏 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
微信
回复
1天前
相关问题
HarmonyOS 如何实现阴影边框效果
718浏览 • 1回复 待解决
如何实现组件的阴影效果
962浏览 • 1回复 待解决
如何去除Checkbox的阴影效果
1984浏览 • 1回复 待解决
HarmonyOS tabs阴影效果
774浏览 • 1回复 待解决
如何将List的回弹效果改为阴影效果
483浏览 • 1回复 待解决
HarmonyOS Toolbar如何增加底部阴影
12浏览 • 1回复 待解决
HarmonyOS 阴影设置问题
30浏览 • 1回复 待解决
HarmonyOS 如何实现数据翻页效果
286浏览 • 1回复 待解决
HarmonyOS 如何实现滚动渐变效果
365浏览 • 1回复 待解决
HarmonyOS如何实现文字轮播效果
486浏览 • 1回复 待解决
HarmonyOS 如何实现底部弹窗效果
114浏览 • 1回复 待解决
如何实现视频滤镜效果
2147浏览 • 1回复 待解决
如何实现动画转场效果
876浏览 • 1回复 待解决
HarmonyOS 如何实现柔滑边缘的效果
36浏览 • 1回复 待解决
HarmonyOS Toggle点击时要怎么关闭阴影
33浏览 • 1回复 待解决
HarmonyOS 如何实现折叠吸顶效果
186浏览 • 1回复 待解决