0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

鸿蒙ArkTS媒体组件:Ellipse

jf_46214456 来源:jf_46214456 作者:jf_46214456 2024-07-16 15:20 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

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卡片中使用。

参数:

参数名参数类型必填参数描述
widthstringnumber
heightstringnumber

属性

除支持[通用属性]外,还支持以下属性:

名称类型默认值描述
fill[ResourceColor]Color.Black设置填充区域颜色。 从API version 9开始,该接口支持在ArkTS卡片中使用。**说明:**异常值按照默认值处理。
fillOpacitynumberstring[Resource]
stroke[ResourceColor]-设置边框颜色,不设置时,默认没有边框。 从API version 9开始,该接口支持在ArkTS卡片中使用。**说明:**异常值不会绘制边框。
strokeDashArrayArray[]设置边框间隙。 从API version 9开始,该接口支持在ArkTS卡片中使用。**说明:**异常值按照默认值处理。
strokeDashOffsetnumberstring0
strokeLineCap[LineCapStyle]LineCapStyle.Butt设置边框端点绘制样式。 从API version 9开始,该接口支持在ArkTS卡片中使用。
strokeLineJoin[LineJoinStyle]LineJoinStyle.Miter设置边框拐角绘制样式。 从API version 9开始,该接口支持在ArkTS卡片中使用。**说明:**Ellipse组件无法形成拐角,该属性设置无效。
strokeMiterLimitnumberstring4
strokeOpacitynumberstring[Resource]
strokeWidthLength1设置边框宽度。 从API version 9开始,该接口支持在ArkTS卡片中使用。**说明:**该属性若为string类型, 暂不支持百分比。 异常值按照默认值处理。
antiAliasbooleantrue是否开启抗锯齿效果。 从API version 9开始,该接口支持在ArkTS卡片中使用。HarmonyOSOpenHarmony鸿蒙文档籽料: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
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    基于开源鸿蒙的视频播放开发样例

    在开源鸿蒙生态建设中,多媒体能力是构建丰富用户体验的核心要素。本开发样例针对视频播放场景,聚焦开源鸿蒙原生媒体框架,通过Video组件实现视
    的头像 发表于 08-19 10:41 1329次阅读
    基于开源<b class='flag-5'>鸿蒙</b>的视频播放开发样例

    【HarmonyOS 5】鸿蒙页面和组件生命周期函数

    【HarmonyOS 5】鸿蒙页面和组件生命周期函数 ##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财# 一、生命周期阶段: 创建阶段 build
    的头像 发表于 07-11 18:24 808次阅读

    【HarmonyOS 5】金融应用开发鸿蒙组件实践

    【HarmonyOS 5】金融应用开发鸿蒙组件实践 ##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财# 一、鸿
    的头像 发表于 07-11 18:20 755次阅读
    【HarmonyOS 5】金融应用开发<b class='flag-5'>鸿蒙</b><b class='flag-5'>组件</b>实践

    什么是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语言基础

    和特性都适用于ArkTSArkTS为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语法开发的图表组件--柱状图

    大家好,我是陈杨。在上一篇文章中,我简要介绍了折线图的实现逻辑,并解释了整体图表的绘制规则。根据这些规则,我们还可以绘制更多种类的图表组件。在本期中,我将讲解如何实现柱状图,并引入了一个新的功能
    的头像 发表于 03-16 16:01 829次阅读
    基于<b class='flag-5'>鸿蒙</b>原生<b class='flag-5'>ArkTS</b>语法开发的图表<b class='flag-5'>组件</b>--柱状图

    【McCharts】基于鸿蒙ArkTS语法开发的图表组件--折线图

    的编辑器,可以用来自己平时做图或者设计海报之类的。而这次我将使用鸿蒙 ArkTs 来开发这款海报编辑器 APP,顺便分享一下我这次的开发经验。项目架构与开发流程我这次项目功能架构以及整体开发流程如下
    发表于 03-15 15:27

    开源啦!!!基于鸿蒙ArkTS封装的图表组件《McCharts》,大家快来一起共创

    Hello;大家好,我是陈杨。好久没更新了,首先是自己本职工作比较忙,基本没时间写作。其次就是学习技术,自学鸿蒙ArkTS语言已经接近半年了,也算半路出师了,这次将分享我封装的组件库,所以有啥讲错
    发表于 03-15 15:21