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

HarmonyOS
2024-12-04 14:26:35
浏览
收藏 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%')
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.

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

分享
微博
QQ
微信
回复
2024-12-04 16:41:41


相关问题