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

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

HarmonyOS
2024-10-15 11:21:03
浏览
收藏 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)  
    }  
  }  
}
分享
微博
QQ
微信
回复
2024-10-15 16:41:33
相关问题
HarmonyOS tabs阴影效果
643浏览 • 1回复 待解决
应用开发CSS支持伪元素
6525浏览 • 1回复 待解决
HarmonyOS Tabsshadow实际渲染效果不对
237浏览 • 1回复 待解决
如何去除Checkbox阴影效果
1937浏览 • 1回复 待解决
HarmonyOS ArkUI有如下效果组件
232浏览 • 1回复 待解决
HarmonyOS 如何实现阴影边框效果
634浏览 • 1回复 待解决
能否使用类似csscalc方法
362浏览 • 1回复 待解决
如何实现组件阴影效果
904浏览 • 1回复 待解决
如何将List回弹效果改为阴影效果
432浏览 • 1回复 待解决
ArkUI 支持 Tcp Server
3356浏览 • 1回复 待解决
HarmonyOS listitem支持托动效果
232浏览 • 1回复 待解决
如何实现类似keyframes效果
1876浏览 • 1回复 待解决
如何在Shadow DOM应用全局样式?
139浏览 • 0回复 待解决