Circle

用于繪制圓形的組件。

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

子組件

無(wú)

接口

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

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

參數(shù)：

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

屬性

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

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

QQ截圖20240715201923.png

示例

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

審核編輯黃宇

聲明：本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題，請(qǐng)聯(lián)系本站處理。舉報(bào)投訴