HarmonyOS ArkUI支持类似css中drop-shadow的阴影效果吗?

HarmonyOS ArkUI支持类似css中drop-shadow的阴影效果吗?

HarmonyOS
2024-10-15 11:21:03
1078浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zxjiu

目前只有shadow属性设置组件的阴影。入参类型为ShadowOptions时,可以指定模糊半径、阴影的颜色、X轴和Y轴的偏移量。入参类型为ShadowStyle时,可指定不同阴影样式。

@Entry  
@Component  
struct WebComponent {  
  build() {  
    Column() {  
      Text('shadow').fontSize(15).fontColor(0xCCCCCC).width('90%')  
      Circle()  
        .width(50)  
        .height(50)  
        .shadow(  
          {  
            radius: 100,  
            color: Color.Green,  
            offsetX: 20,  
            offsetY: 20,  
            fill: true  
          }  
        ).opacity(0.5)  
    }  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
分享
微博
QQ
微信
回复
2024-10-15 16:41:33


相关问题
HarmonyOS shadow是否支持单边阴影设置
507浏览 • 1回复 待解决
应用开发CSS支持伪元素
7461浏览 • 1回复 待解决
如何去除Checkbox阴影效果
2672浏览 • 1回复 待解决
HarmonyOS tabs阴影效果
1660浏览 • 1回复 待解决
HarmonyOS Tabsshadow实际渲染效果不对
991浏览 • 1回复 待解决
HarmonyOS 如何实现阴影效果
805浏览 • 1回复 待解决
如何实现组件阴影效果
1790浏览 • 1回复 待解决
HarmonyOS ArkUI有如下效果组件
725浏览 • 1回复 待解决
能否使用类似csscalc方法
1267浏览 • 1回复 待解决
HarmonyOS 如何实现阴影边框效果
1549浏览 • 1回复 待解决
如何将List回弹效果改为阴影效果
1203浏览 • 1回复 待解决
ArkUI 支持 Tcp Server
4012浏览 • 1回复 待解决
HarmonyOS listitem支持托动效果
784浏览 • 1回复 待解决