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阴影效果
516浏览 • 1回复 待解决
HarmonyOS Tabsshadow实际渲染效果不对
172浏览 • 1回复 待解决
应用开发CSS支持伪元素
6451浏览 • 1回复 待解决
如何去除Checkbox阴影效果
1816浏览 • 1回复 待解决
HarmonyOS ArkUI有如下效果组件
166浏览 • 1回复 待解决
HarmonyOS 如何实现阴影边框效果
468浏览 • 1回复 待解决
如何实现组件阴影效果
800浏览 • 1回复 待解决
如何将List回弹效果改为阴影效果
359浏览 • 1回复 待解决
能否使用类似csscalc方法
283浏览 • 1回复 待解决
ArkUI 支持 Tcp Server
3277浏览 • 1回复 待解决
HarmonyOS listitem支持托动效果
169浏览 • 1回复 待解决
如何实现类似keyframes效果
1805浏览 • 1回复 待解决
基于ArkUI实现类似.9图拉伸能力
435浏览 • 1回复 待解决
navigation 导航栏支持毛玻璃效果
674浏览 • 1回复 待解决