Circle
用于繪制圓形的組件。
說明:
開發(fā)前請熟悉鴻蒙開發(fā)指導文檔:[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md
]> 該組件從API Version 7開始支持。后續(xù)版本如有新增內(nèi)容,則采用上角標單獨標記該內(nèi)容的起始版本。
子組件
無
接口
Circle(options?: {width?: string | number, height?: string | number})
從API version 9開始,該接口支持在ArkTS卡片中使用。
參數(shù)名 | 參數(shù)類型 | 必填 | 參數(shù)描述 |
---|---|---|---|
width | string | number | 否 |
height | string | number | 否 |
屬性
除支持[通用屬性]外,還支持以下屬性:
名稱 | 類型 | 描述 |
---|---|---|
fill | [ResourceColor] | 設(shè)置填充區(qū)域顏色。 默認值:Color.Black 從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**異常值按照默認值處理。 |
fillOpacity | number | string |
stroke | [ResourceColor] | 設(shè)置邊框顏色,不設(shè)置時,默認沒有邊框。 從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**異常值不會繪制邊框。 |
strokeDashArray | Array | 設(shè)置邊框間隙。 默認值:[] 從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**異常值按照默認值處理。 |
strokeDashOffset | number | string |
strokeLineCap | [LineCapStyle] | 設(shè)置邊框端點繪制樣式。 默認值:LineCapStyle.Butt 從API version 9開始,該接口支持在ArkTS卡片中使用。 |
strokeLineJoin | [LineJoinStyle] | 設(shè)置邊框拐角繪制樣式。 默認值:LineJoinStyle.Miter 從API version 9開始,該接口支持在ArkTS卡片中使用。 |
strokeMiterLimit | number | string |
strokeOpacity | number | stringHarmonyOS與OpenHarmony鴻蒙文檔籽料:mau123789是v直接拿 |
strokeWidth | Length | 設(shè)置邊框?qū)挾取?默認值:1 從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**該屬性若為string類型, 暫不支持百分比。 異常值按照默認值處理。 |
antiAlias | boolean | 是否開啟抗鋸齒效果。 默認值:true 從API version 9開始,該接口支持在ArkTS卡片中使用。 |
示例
// xxx.ets
@Entry
@Component
struct CircleExample {
build() {
Column({ space: 10 }) {
// 繪制一個直徑為150的圓
Circle({ width: 150, height: 150 })
// 繪制一個直徑為150、線條為紅色虛線的圓環(huán)(寬高設(shè)置不一致時以短邊為直徑)
Circle()
.width(150)
.height(200)
.fillOpacity(0)
.strokeWidth(3)
.stroke(Color.Red)
.strokeDashArray([1, 2])
}.width('100%')
}
}
審核編輯 黃宇
聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。
舉報投訴
-
鴻蒙
+關(guān)注
關(guān)注
57文章
2378瀏覽量
42938
發(fā)布評論請先 登錄
相關(guān)推薦
鴻蒙開發(fā)基礎(chǔ)-Web組件之cookie操作
})
...
}
...
本文章主要是對鴻蒙開發(fā)當中ArkTS語言的基礎(chǔ)應用實戰(zhàn),Web組件里的cookie操作。更多的鴻蒙應用開發(fā)技術(shù),可以前往我的主頁學習更多,下面是一張
發(fā)表于 01-14 21:31
鴻蒙ArkTS的起源和簡介
主流的前端開發(fā)方式。同步的,在運行時方面,通過渲染引擎的增強(平臺無關(guān)的自繪制機制、聲明式UI后端設(shè)計、動態(tài)布局/多態(tài)UI組件等),語言編譯器和運行時的優(yōu)化增強(代碼預編譯、高效FFI-Foreign
發(fā)表于 01-16 16:23
HarmonyOS應用開發(fā)-Svg組件circle
、animateTransform。三、屬性支持Svg組件通用屬性和以下屬性。四、案例 效果:完整代碼地址為:https://gitee.com/jltfcloudcn/jump_to/tree/master/svg%E7%BB%84%E4%BB%B6_circle/
發(fā)表于 01-19 09:39
HarmonyOS/OpenHarmony應用開發(fā)-ArkTS的聲明式開發(fā)范式
接近自然語義的編程方式,讓開發(fā)者可以直觀地描述UI界面,不必關(guān)心框架如何實現(xiàn)UI繪制和渲染,實現(xiàn)極簡高效開發(fā)。開發(fā)框架不僅從組件、動效和狀態(tài)管理三個維度來提供UI能力,還提供了系統(tǒng)能力接口,實現(xiàn)系統(tǒng)
發(fā)表于 01-17 15:09
鴻蒙開發(fā)之ArkTS基礎(chǔ)知識
一、ArkTS簡介 ArkTS是HarmonyOS優(yōu)選的主力應用開發(fā)語言。它在TypeScript(簡稱TS)的基礎(chǔ)上,匹配了鴻蒙的ArkUI框架,擴展了聲明式UI、狀態(tài)管理等相應的能力,讓開發(fā)者以
評論