HarmonyOS 圆形组件使用blur出现方形模糊?

Column(){
  Circle() // 内环
    .width(56).height(56)
    .fill(Color.Black)
    .antiAlias(true)
    .blur(10)
}.backgroundColor(Color.Pink)
.width(300)
.height(300)
阅读 484
1 个回答

blur 属性是会给整个组件都设置的。cricle 组件本身其实也是一矩形。所以会有一个矩形模糊效果,这个是正常的。可以外面套一个容器组件比如colum 然后给容器组件设置clip 为true,结合borderRadius来绘制对应的效果

可参考如下代码实现:

Circle() // 内环
  .width(100).height(100)
  .fill(Color.White)
  .antiAlias(true)
  .blur(10)
  .opacity(0.3)
  .borderRadius(50)
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进