#鸿蒙通关秘籍#如何在HarmonyOS中实现绘制圆形和圆环?

HarmonyOS
20h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
OS白雪皑皑

可以使用Circle组件来绘制圆形和圆环。在此过程中,可以调整宽高、填充色和边框样式以控制其外观:

@Entry
@Component
struct CircleExample {
  build() {
    Column({ space: 10 }) {
      // 绘制一个直径为150的完整圆形
      Circle({ width: 150, height: 150 }).fill("#E87361")
      
      // 绘制一个直径为150的圆环,并设置边框样式位虚线
      Circle()
        .width(150)
        .height(150)
        .fillOpacity(0)
        .strokeWidth(3)
        .stroke(Color.Red)
        .strokeDashArray([1, 2]) // 设置虚线样式
    }.width('100%')
  }
}

通过使用strokeDashArray属性,可以实现圆形的向量化虚线边框,从而得到圆环的效果。

分享
微博
QQ
微信
回复
18h前
相关问题