HarmonyOS 阴影设置问题

HarmonyOS能否设置单边阴影,就是只有下侧有阴影,其他侧没有的那种。

HarmonyOS
2024-12-25 14:50:06
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
put_get

顶部边框阴影设置暂只支持容器组件的shadow属性,可以通过设置最外层组件的底部margin及背景色,如果想要阴影效果,可以考虑使用foregroundBlurStyle实现组件内容模糊,参考链接如下:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-foreground-blur-style-V5#foregroundblurstyle

参考示例如下:

Row() {
  // 上下左右的内边距分别为0 0 5 0
  Row() {
    Row().size({ width: '100%', height: '100%' }).backgroundColor(Color.Yellow)
  }
  .width(100)
  .height(80)
  .margin( { top: 0, left: 0, bottom: 5, right: 0 })
  .backgroundColor(Color.White)
}.backgroundColor(Color.Blue)
.foregroundBlurStyle(BlurStyle.Thin, { colorMode: ThemeColorMode.LIGHT, adaptiveColor: AdaptiveColor.DEFAULT, scale: 0.1})
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
分享
微博
QQ
微信
回复
2024-12-25 16:19:18
相关问题
HarmonyOS shadow是否支持单边阴影设置
507浏览 • 1回复 待解决
HarmonyOS 如何设置布局的背景阴影
546浏览 • 1回复 待解决
HarmonyOS tabs阴影效果
1670浏览 • 1回复 待解决
HarmonyOS Toolbar如何增加底部阴影
602浏览 • 1回复 待解决
HarmonyOS 如何实现阴影效果
807浏览 • 1回复 待解决
HarmonyOS 如何实现阴影边框效果?
1549浏览 • 1回复 待解决
如何去除Checkbox的阴影效果
2672浏览 • 1回复 待解决
HarmonyOS Toggle点击时要怎么关闭阴影
617浏览 • 1回复 待解决
HarmonyOS 父元素的阴影被子元素覆盖
520浏览 • 1回复 待解决
HarmonyOS Circle的阴影是正方形
488浏览 • 1回复 待解决
如何实现组件的阴影效果
1797浏览 • 1回复 待解决
HarmonyOS UI组件需要加阴影要怎么实现
713浏览 • 1回复 待解决
HarmonyOS 启动图设置问题
850浏览 • 1回复 待解决
HarmonyOS 设置横竖屏问题
640浏览 • 1回复 待解决
HarmonyOS page设置全屏问题
848浏览 • 1回复 待解决
HarmonyOS 启动页设置问题
1428浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
1433浏览 • 1回复 待解决
HarmonyOS 设置屏幕亮度问题
1197浏览 • 1回复 待解决
HarmonyOS 横竖屏设置问题
626浏览 • 1回复 待解决