HarmonyOS Circle的阴影是正方形

代码如下:

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

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

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)
分享
微博
QQ
微信
回复
2024-12-26 18:12:47
相关问题
HarmonyOS Circle组件咨询
179浏览 • 1回复 待解决
如何去除Checkbox阴影效果
2224浏览 • 1回复 待解决
HarmonyOS 父元素阴影被子元素覆盖
155浏览 • 1回复 待解决
HarmonyOS Toolbar如何增加底部阴影
282浏览 • 1回复 待解决
HarmonyOS tabs阴影效果
1150浏览 • 1回复 待解决
HarmonyOS 阴影设置问题
286浏览 • 1回复 待解决
HarmonyOS 如何设置布局背景阴影
169浏览 • 1回复 待解决
如何实现组件阴影效果
1281浏览 • 1回复 待解决
HarmonyOS 如何实现阴影效果
363浏览 • 1回复 待解决
HarmonyOS Toggle点击时要怎么关闭阴影
296浏览 • 1回复 待解决
HarmonyOS 如何实现阴影边框效果?
1039浏览 • 1回复 待解决
HarmonyOS shadow是否支持单边阴影设置
153浏览 • 1回复 待解决
如何将List回弹效果改为阴影效果
794浏览 • 1回复 待解决
HarmonyOS UI组件需要加阴影要怎么实现
291浏览 • 1回复 待解决