HarmonyOS Circle的阴影是正方形

代码如下:

Circle()
    .foregroundColor(Color.Red)
    .shadow({ radius: 20, color: Color.Red })
    .width(200)
    .height(200)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.

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

HarmonyOS
2024-12-26 15:52:21
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
Excelsior_abit

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

Circle()
  .foregroundColor(Color.Red)
  .shadow({ radius: 20, color: Color.Red })
  .width(200)
  .height(200)
  .borderRadius(100)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
分享
微博
QQ
微信
回复
2024-12-26 18:12:47
相关问题
HarmonyOS Circle组件咨询
525浏览 • 1回复 待解决
如何去除Checkbox阴影效果
2672浏览 • 1回复 待解决
HarmonyOS 父元素阴影被子元素覆盖
514浏览 • 1回复 待解决
HarmonyOS 阴影设置问题
992浏览 • 1回复 待解决
HarmonyOS tabs阴影效果
1660浏览 • 1回复 待解决
HarmonyOS Toolbar如何增加底部阴影
598浏览 • 1回复 待解决
HarmonyOS 如何设置布局背景阴影
545浏览 • 1回复 待解决
HarmonyOS 如何实现阴影效果
805浏览 • 1回复 待解决
如何实现组件阴影效果
1790浏览 • 1回复 待解决
HarmonyOS Toggle点击时要怎么关闭阴影
617浏览 • 1回复 待解决
HarmonyOS 如何实现阴影边框效果?
1549浏览 • 1回复 待解决
HarmonyOS shadow是否支持单边阴影设置
507浏览 • 1回复 待解决
如何将List回弹效果改为阴影效果
1203浏览 • 1回复 待解决
HarmonyOS UI组件需要加阴影要怎么实现
713浏览 • 1回复 待解决