鴻蒙ArkTS繪制組件：Circle

Circle

用于繪制圓形的組件。

說明：
開發(fā)前請熟悉鴻蒙開發(fā)指導文檔：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]> 該組件從API Version 7開始支持。后續(xù)版本如有新增內容，則采用上角標單獨標記該內容的起始版本。

子組件

無

接口

Circle(options?: {width?: string | number, height?: string | number})

從API version 9開始，該接口支持在ArkTS卡片中使用。

參數(shù)：

參數(shù)名	參數(shù)類型	必填	參數(shù)描述
width	string	number	否
height	string	number	否

屬性

除支持[通用屬性]外，還支持以下屬性：

名稱	類型	描述
fill	[ResourceColor]	設置填充區(qū)域顏色。默認值：Color.Black 從API version 9開始，該接口支持在ArkTS卡片中使用。說明：異常值按照默認值處理。
fillOpacity	number	string
stroke	[ResourceColor]	設置邊框顏色，不設置時，默認沒有邊框。從API version 9開始，該接口支持在ArkTS卡片中使用。說明：異常值不會繪制邊框。
strokeDashArray	Array	設置邊框間隙。默認值：[] 從API version 9開始，該接口支持在ArkTS卡片中使用。說明：異常值按照默認值處理。
strokeDashOffset	number	string
strokeLineCap	[LineCapStyle]	設置邊框端點繪制樣式。默認值：LineCapStyle.Butt 從API version 9開始，該接口支持在ArkTS卡片中使用。
strokeLineJoin	[LineJoinStyle]	設置邊框拐角繪制樣式。默認值：LineJoinStyle.Miter 從API version 9開始，該接口支持在ArkTS卡片中使用。
strokeMiterLimit	number	string
strokeOpacity	number	string`HarmonyOS與OpenHarmony鴻蒙文檔籽料：mau123789是v直接拿`
strokeWidth	Length	設置邊框寬度。默認值：1 從API version 9開始，該接口支持在ArkTS卡片中使用。說明：該屬性若為string類型, 暫不支持百分比。異常值按照默認值處理。
antiAlias	boolean	是否開啟抗鋸齒效果。默認值：true 從API version 9開始，該接口支持在ArkTS卡片中使用。

QQ截圖20240715201923.png

示例

// xxx.ets
@Entry
@Component
struct CircleExample {
  build() {
    Column({ space: 10 }) {
      // 繪制一個直徑為150的圓
      Circle({ width: 150, height: 150 })
      // 繪制一個直徑為150、線條為紅色虛線的圓環(huán)（寬高設置不一致時以短邊為直徑）
      Circle()
        .width(150)
        .height(200)
        .fillOpacity(0)
        .strokeWidth(3)
        .stroke(Color.Red)
        .strokeDashArray([1, 2])
    }.width('100%')
  }
}