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%')
}
}
審核編輯 黃宇
聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。
舉報投訴
-
鴻蒙
+關注
關注
60文章
2963瀏覽量
45886
發布評論請先 登錄
相關推薦
熱點推薦
釘釘正式開源HarmonyOS圖片編輯組件
近日,由釘釘團隊自主研發的“HarmonyOS圖片編輯組件”正式上線OpenHarmony三方庫中心倉并開源。作為一款填補鴻蒙社區圖像處理領域空白的重量級組件,該方案基于HarmonyOS
【HarmonyOS 5】鴻蒙頁面和組件生命周期函數
【HarmonyOS 5】鴻蒙頁面和組件生命周期函數 ##鴻蒙開發能力 ##HarmonyOS SDK應用服務##鴻蒙金融類應用 (金融理財# 一、生命周期階段: 創建階段 build
【HarmonyOS 5】金融應用開發鴻蒙組件實踐
【HarmonyOS 5】金融應用開發鴻蒙組件實踐 ##鴻蒙開發能力 ##HarmonyOS SDK應用服務##鴻蒙金融類應用 (金融理財# 一、鴻
什么是ArkTS?
ArkTS簡介
ArkTS是OpenHarmony優選的應用高級開發語言。ArkTS提供了聲明式UI范式、狀態管理支持等相應的能力,讓開發者可以以更簡潔、更自然的方式開發應用。
同時,它在保持
發表于 06-17 06:24
鴻蒙5開發寶藏案例分享---點擊完成時延分析
?** 鴻蒙完成時延優化實戰指南:讓你的應用絲滑如飛!**
在移動端開發中, 完成時延就是用戶體驗的生命線 !今天帶你深入鴻蒙完成時延優化,揭秘官方文檔中的寶藏技巧,讓你的應用告別卡頓,流暢起飛
發表于 06-12 17:03
鴻蒙5開發寶藏案例分享---應用并發設計
?** 鴻蒙并發編程實戰指南:解鎖ArkTS多線程黑科技**
嘿,開發者朋友們! 今天給大家扒一扒鴻蒙官方文檔里藏著的并發編程寶藏—— 100+實戰場景解決方案 !從金融理財到游戲開發,從折疊屏適配
發表于 06-12 16:19
使用DevEcoStudio 開發、編譯鴻蒙 NEXT_APP 以及使用中文插件
# 使用DevEcoStudio 開發、編譯鴻蒙 NEXT_APP 以及使用中文插件 #鴻蒙開發工具 #DevEco Studio
## 1. 概述
DevEco Studio 是華為提供
發表于 06-11 17:18
Kuikly鴻蒙版正式開源 —— 揭秘卓越性能適配之旅
端的基礎能力和設施,包括豐富的跨端組件,完善的調試、構建、發布、監控配套工具鏈,穩定性監控能力等。
Kuikly框架優勢:
一碼五端,支持Android、iOS、鴻蒙、Web、小程序5個平臺(Web
發表于 06-04 16:46
KaihongOS操作系統:ArkTS語言基礎
和特性都適用于ArkTS。ArkTS為TypeScript添加了一些特定的API和組件,以便更好地在KaihongOS上進行開發。
ArkTS基礎
類和接口
在
發表于 04-23 06:31
DevEco Studio AI輔助開發工具兩大升級功能 鴻蒙應用開發效率再提升
HarmonyOS應用的AI智能輔助開發助手——CodeGenie,該AI助手深度集成在DevEco Studio中,提供鴻蒙知識智能問答、鴻蒙ArkTS代碼補全/生成和萬能卡片生成等功能,提升了開發效率,深受廣大
發表于 04-18 14:43
用DevEco Studio增量補丁修復功能,讓鴻蒙應用的調試效率大增
鴻蒙應用開發支持多種修改場景,包含ArkTS、TS、C++、SO、資源文件的修改,相應的增量補丁修復也分別針對不同的修改場景,產生了兩種不同的增量補丁修復方式,分別為強力支持ArkTS開發的Hot
發表于 04-14 17:35
基于鴻蒙原生ArkTS語法開發的圖表組件--柱狀圖
大家好,我是陳楊。在上一篇文章中,我簡要介紹了折線圖的實現邏輯,并解釋了整體圖表的繪制規則。根據這些規則,我們還可以繪制更多種類的圖表組件。在本期中,我將講解如何實現柱狀圖,并引入了一個新的功能
【McCharts】基于鴻蒙ArkTS語法開發的圖表組件--折線圖
的編輯器,可以用來自己平時做圖或者設計海報之類的。而這次我將使用鴻蒙 ArkTs 來開發這款海報編輯器 APP,順便分享一下我這次的開發經驗。項目架構與開發流程我這次項目功能架構以及整體開發流程如下
發表于 03-15 15:27
開源啦?。?!基于鴻蒙ArkTS封裝的圖表組件《McCharts》,大家快來一起共創
Hello;大家好,我是陳楊。好久沒更新了,首先是自己本職工作比較忙,基本沒時間寫作。其次就是學習技術,自學鴻蒙ArkTS語言已經接近半年了,也算半路出師了,這次將分享我封裝的組件庫,所以有啥講錯
發表于 03-15 15:21
鴻蒙ArkTS媒體組件:Ellipse
評論