Ellipse
橢圓繪制組件。
說明:
開發(fā)前請(qǐng)熟悉鴻蒙開發(fā)指導(dǎo)文檔:[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
該組件從API Version 7開始支持。后續(xù)版本如有新增內(nèi)容,則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。
子組件
無
接口
Ellipse(options?: {width?: string | number, height?: string | number})
從API version 9開始,該接口支持在ArkTS卡片中使用。
參數(shù):
| 參數(shù)名 | 參數(shù)類型 | 必填 | 參數(shù)描述 |
|---|---|---|---|
| width | string | number | 否 |
| height | string | number | 否 |
屬性
除支持[通用屬性]外,還支持以下屬性:
| 名稱 | 類型 | 默認(rèn)值 | 描述 |
|---|---|---|---|
| fill | [ResourceColor] | Color.Black | 設(shè)置填充區(qū)域顏色。 從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**異常值按照默認(rèn)值處理。 |
| fillOpacity | number | string | [Resource] |
| stroke | [ResourceColor] | - | 設(shè)置邊框顏色,不設(shè)置時(shí),默認(rèn)沒有邊框。 從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**異常值不會(huì)繪制邊框。 |
| strokeDashArray | Array | [] | 設(shè)置邊框間隙。 從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**異常值按照默認(rèn)值處理。 |
| strokeDashOffset | number | string | 0 |
| strokeLineCap | [LineCapStyle] | LineCapStyle.Butt | 設(shè)置邊框端點(diǎn)繪制樣式。 從API version 9開始,該接口支持在ArkTS卡片中使用。 |
| strokeLineJoin | [LineJoinStyle] | LineJoinStyle.Miter | 設(shè)置邊框拐角繪制樣式。 從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**Ellipse組件無法形成拐角,該屬性設(shè)置無效。 |
| strokeMiterLimit | number | string | 4 |
| strokeOpacity | number | string | [Resource] |
| strokeWidth | Length | 1 | 設(shè)置邊框?qū)挾取?從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**該屬性若為string類型, 暫不支持百分比。 異常值按照默認(rèn)值處理。 |
| antiAlias | boolean | true | 是否開啟抗鋸齒效果。 從API version 9開始,該接口支持在ArkTS卡片中使用。HarmonyOS與OpenHarmony鴻蒙文檔籽料:mau123789是v直接拿 |
示例
// xxx.ets
@Entry
@Component
struct EllipseExample {
build() {
Column({ space: 10 }) {
// 繪制一個(gè) 150 * 80 的橢圓
Ellipse({ width: 150, height: 80 })
// 繪制一個(gè) 150 * 100 、線條為藍(lán)色的橢圓環(huán)
Ellipse()
.width(150)
.height(100)
.fillOpacity(0)
.stroke(Color.Blue)
.strokeWidth(3)
}.width('100%')
}
}
審核編輯 黃宇
聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。
舉報(bào)投訴
-
鴻蒙
+關(guān)注
關(guān)注
60文章
2964瀏覽量
45934
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
熱點(diǎn)推薦
釘釘正式開源HarmonyOS圖片編輯組件
近日,由釘釘團(tuán)隊(duì)自主研發(fā)的“HarmonyOS圖片編輯組件”正式上線OpenHarmony三方庫中心倉并開源。作為一款填補(bǔ)鴻蒙社區(qū)圖像處理領(lǐng)域空白的重量級(jí)組件,該方案基于HarmonyOS
基于開源鴻蒙的視頻播放開發(fā)樣例
在開源鴻蒙生態(tài)建設(shè)中,多媒體能力是構(gòu)建豐富用戶體驗(yàn)的核心要素。本開發(fā)樣例針對(duì)視頻播放場(chǎng)景,聚焦開源鴻蒙原生媒體框架,通過Video組件實(shí)現(xiàn)視
【HarmonyOS 5】鴻蒙頁面和組件生命周期函數(shù)
【HarmonyOS 5】鴻蒙頁面和組件生命周期函數(shù) ##鴻蒙開發(fā)能力 ##HarmonyOS SDK應(yīng)用服務(wù)##鴻蒙金融類應(yīng)用 (金融理財(cái)# 一、生命周期階段: 創(chuàng)建階段 build
【HarmonyOS 5】金融應(yīng)用開發(fā)鴻蒙組件實(shí)踐
【HarmonyOS 5】金融應(yīng)用開發(fā)鴻蒙組件實(shí)踐 ##鴻蒙開發(fā)能力 ##HarmonyOS SDK應(yīng)用服務(wù)##鴻蒙金融類應(yīng)用 (金融理財(cái)# 一、鴻
什么是ArkTS?
ArkTS簡介
ArkTS是OpenHarmony優(yōu)選的應(yīng)用高級(jí)開發(fā)語言。ArkTS提供了聲明式UI范式、狀態(tài)管理支持等相應(yīng)的能力,讓開發(fā)者可以以更簡潔、更自然的方式開發(fā)應(yīng)用。
同時(shí),它在保持
發(fā)表于 06-17 06:24
鴻蒙5開發(fā)寶藏案例分享---點(diǎn)擊完成時(shí)延分析
?** 鴻蒙完成時(shí)延優(yōu)化實(shí)戰(zhàn)指南:讓你的應(yīng)用絲滑如飛!**
在移動(dòng)端開發(fā)中, 完成時(shí)延就是用戶體驗(yàn)的生命線 !今天帶你深入鴻蒙完成時(shí)延優(yōu)化,揭秘官方文檔中的寶藏技巧,讓你的應(yīng)用告別卡頓,流暢起飛
發(fā)表于 06-12 17:03
鴻蒙5開發(fā)寶藏案例分享---應(yīng)用并發(fā)設(shè)計(jì)
?** 鴻蒙并發(fā)編程實(shí)戰(zhàn)指南:解鎖ArkTS多線程黑科技**
嘿,開發(fā)者朋友們! 今天給大家扒一扒鴻蒙官方文檔里藏著的并發(fā)編程寶藏—— 100+實(shí)戰(zhàn)場(chǎng)景解決方案 !從金融理財(cái)?shù)接螒蜷_發(fā),從折疊屏適配
發(fā)表于 06-12 16:19
使用DevEcoStudio 開發(fā)、編譯鴻蒙 NEXT_APP 以及使用中文插件
# 使用DevEcoStudio 開發(fā)、編譯鴻蒙 NEXT_APP 以及使用中文插件 #鴻蒙開發(fā)工具 #DevEco Studio
## 1. 概述
DevEco Studio 是華為提供
發(fā)表于 06-11 17:18
Kuikly鴻蒙版正式開源 —— 揭秘卓越性能適配之旅
端的基礎(chǔ)能力和設(shè)施,包括豐富的跨端組件,完善的調(diào)試、構(gòu)建、發(fā)布、監(jiān)控配套工具鏈,穩(wěn)定性監(jiān)控能力等。
Kuikly框架優(yōu)勢(shì):
一碼五端,支持Android、iOS、鴻蒙、Web、小程序5個(gè)平臺(tái)(Web
發(fā)表于 06-04 16:46
KaihongOS操作系統(tǒng):ArkTS語言基礎(chǔ)
和特性都適用于ArkTS。ArkTS為TypeScript添加了一些特定的API和組件,以便更好地在KaihongOS上進(jìn)行開發(fā)。
ArkTS基礎(chǔ)
類和接口
在
發(fā)表于 04-23 06:31
DevEco Studio AI輔助開發(fā)工具兩大升級(jí)功能 鴻蒙應(yīng)用開發(fā)效率再提升
HarmonyOS應(yīng)用的AI智能輔助開發(fā)助手——CodeGenie,該AI助手深度集成在DevEco Studio中,提供鴻蒙知識(shí)智能問答、鴻蒙ArkTS代碼補(bǔ)全/生成和萬能卡片生成等功能,提升了開發(fā)效率,深受廣大
發(fā)表于 04-18 14:43
用DevEco Studio增量補(bǔ)丁修復(fù)功能,讓鴻蒙應(yīng)用的調(diào)試效率大增
鴻蒙應(yīng)用開發(fā)支持多種修改場(chǎng)景,包含ArkTS、TS、C++、SO、資源文件的修改,相應(yīng)的增量補(bǔ)丁修復(fù)也分別針對(duì)不同的修改場(chǎng)景,產(chǎn)生了兩種不同的增量補(bǔ)丁修復(fù)方式,分別為強(qiáng)力支持ArkTS開發(fā)的Hot
發(fā)表于 04-14 17:35
基于鴻蒙原生ArkTS語法開發(fā)的圖表組件--柱狀圖
大家好,我是陳楊。在上一篇文章中,我簡要介紹了折線圖的實(shí)現(xiàn)邏輯,并解釋了整體圖表的繪制規(guī)則。根據(jù)這些規(guī)則,我們還可以繪制更多種類的圖表組件。在本期中,我將講解如何實(shí)現(xiàn)柱狀圖,并引入了一個(gè)新的功能
【McCharts】基于鴻蒙ArkTS語法開發(fā)的圖表組件--折線圖
的編輯器,可以用來自己平時(shí)做圖或者設(shè)計(jì)海報(bào)之類的。而這次我將使用鴻蒙 ArkTs 來開發(fā)這款海報(bào)編輯器 APP,順便分享一下我這次的開發(fā)經(jīng)驗(yàn)。項(xiàng)目架構(gòu)與開發(fā)流程我這次項(xiàng)目功能架構(gòu)以及整體開發(fā)流程如下
發(fā)表于 03-15 15:27
開源啦?。?!基于鴻蒙ArkTS封裝的圖表組件《McCharts》,大家快來一起共創(chuàng)
Hello;大家好,我是陳楊。好久沒更新了,首先是自己本職工作比較忙,基本沒時(shí)間寫作。其次就是學(xué)習(xí)技術(shù),自學(xué)鴻蒙ArkTS語言已經(jīng)接近半年了,也算半路出師了,這次將分享我封裝的組件庫,所以有啥講錯(cuò)
發(fā)表于 03-15 15:21
鴻蒙ArkTS媒體組件:Ellipse
評(píng)論