HarmonyOS Circle的阴影是正方形

代码如下:

Circle()
    .foregroundColor(Color.Red)
    .shadow({ radius: 20, color: Color.Red })
    .width(200)
    .height(200)

阴影是正方形,预期阴影是圆形。

HarmonyOS
18h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

当前规格如此,阴影是绘制在组件边框上面的,circle组件看起来是一个圆形实际上占用的空间还是一个矩形区域,所以会出现阴影是正方形的结果,可以使用如下代码规避。

Circle()
  .foregroundColor(Color.Red)
  .shadow({ radius: 20, color: Color.Red })
  .width(200)
  .height(200)
  .borderRadius(100)
分享
微博
QQ
微信
回复
16h前
相关问题
HarmonyOS Circle组件咨询
0浏览 • 0回复 待解决
如何去除Checkbox阴影效果
1978浏览 • 1回复 待解决
HarmonyOS Toolbar如何增加底部阴影
1浏览 • 0回复 待解决
HarmonyOS tabs阴影效果
770浏览 • 1回复 待解决
HarmonyOS 阴影设置问题
26浏览 • 1回复 待解决
如何实现组件阴影效果
961浏览 • 1回复 待解决
HarmonyOS 如何实现阴影效果
36浏览 • 1回复 待解决
HarmonyOS Toggle点击时要怎么关闭阴影
31浏览 • 1回复 待解决
HarmonyOS 如何实现阴影边框效果?
717浏览 • 1回复 待解决
如何将List回弹效果改为阴影效果
477浏览 • 1回复 待解决