Ellipse
橢圓繪制組件。
說明:
開發前請熟悉鴻蒙開發指導文檔:[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md
]
該組件從API Version 7開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。
子組件
無
接口
Ellipse(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 | [Resource] |
stroke | [ResourceColor] | - | 設置邊框顏色,不設置時,默認沒有邊框。 從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**異常值不會繪制邊框。 |
strokeDashArray | Array | [] | 設置邊框間隙。 從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**異常值按照默認值處理。 |
strokeDashOffset | number | string | 0 |
strokeLineCap | [LineCapStyle] | LineCapStyle.Butt | 設置邊框端點繪制樣式。 從API version 9開始,該接口支持在ArkTS卡片中使用。 |
strokeLineJoin | [LineJoinStyle] | LineJoinStyle.Miter | 設置邊框拐角繪制樣式。 從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**Ellipse組件無法形成拐角,該屬性設置無效。 |
strokeMiterLimit | number | string | 4 |
strokeOpacity | number | string | [Resource] |
strokeWidth | Length | 1 | 設置邊框寬度。 從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**該屬性若為string類型, 暫不支持百分比。 異常值按照默認值處理。 |
antiAlias | boolean | true | 是否開啟抗鋸齒效果。 從API version 9開始,該接口支持在ArkTS卡片中使用。HarmonyOS與OpenHarmony鴻蒙文檔籽料:mau123789是v直接拿 |
示例
// xxx.ets
@Entry
@Component
struct EllipseExample {
build() {
Column({ space: 10 }) {
// 繪制一個 150 * 80 的橢圓
Ellipse({ width: 150, height: 80 })
// 繪制一個 150 * 100 、線條為藍色的橢圓環
Ellipse()
.width(150)
.height(100)
.fillOpacity(0)
.stroke(Color.Blue)
.strokeWidth(3)
}.width('100%')
}
}
審核編輯 黃宇
聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。
舉報投訴
-
鴻蒙
+關注
關注
57文章
2310瀏覽量
42743
發布評論請先 登錄
相關推薦
鴻蒙開發之ArkTS基礎知識
一、ArkTS簡介 ArkTS是HarmonyOS優選的主力應用開發語言。它在TypeScript(簡稱TS)的基礎上,匹配了鴻蒙的ArkUI框架,擴展了聲明式UI、狀態管理等相應的能力,讓開發者以
鴻蒙ArkTS的起源和簡介
,ArkTS在TS的類型系統的基礎上,做了進一步的擴展:定義了各種裝飾器、自定義組件和UI描述機制,再配合UI開發框架中的UI內置組件、事件方法、屬性方法等共同構成了應用開發的主體。在應用開發中,除了UI
發表于 01-16 16:23
鴻蒙開發基礎-Web組件之cookie操作
})
...
}
...
本文章主要是對鴻蒙開發當中ArkTS語言的基礎應用實戰,Web組件里的cookie操作。更多的鴻蒙應用開發技術,可以前往我的主頁學習更多,下面是一張
發表于 01-14 21:31
評論