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文章
2862浏览量
45364
发布评论请先 登录
相关推荐
热点推荐
【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
用DevEco Studio增量补丁修复功能,让鸿蒙应用的调试效率大增
鸿蒙应用的界面和交互开发上具有天生优势。而鸿蒙应用开发工具DevEco Studio中的Hot Reload特性则是针对ArkTS深度定制的开发效率提升能力,快速的增量补丁构建加无需重启即可使修改生效
发表于 04-14 14:47
基于鸿蒙原生ArkTS语法开发的图表组件--柱状图
大家好,我是陈杨。在上一篇文章中,我简要介绍了折线图的实现逻辑,并解释了整体图表的绘制规则。根据这些规则,我们还可以绘制更多种类的图表组件。在本期中,我将讲解如何实现柱状图,并引入了一个新的功能
【McCharts】基于鸿蒙ArkTS语法开发的图表组件--折线图
的编辑器,可以用来自己平时做图或者设计海报之类的。而这次我将使用鸿蒙 ArkTs 来开发这款海报编辑器 APP,顺便分享一下我这次的开发经验。项目架构与开发流程我这次项目功能架构以及整体开发流程如下
发表于 03-15 15:27
开源啦!!!基于鸿蒙ArkTS封装的图表组件《McCharts》,大家快来一起共创
Hello;大家好,我是陈杨。好久没更新了,首先是自己本职工作比较忙,基本没时间写作。其次就是学习技术,自学鸿蒙ArkTS语言已经接近半年了,也算半路出师了,这次将分享我封装的组件库,所以有啥讲错
发表于 03-15 15:21

鸿蒙ArkTS媒体组件:Ellipse
评论