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