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

    文章

    3018

    浏览量

    46177
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    钉钉正式开源HarmonyOS图片编辑组件

    近日,由钉钉团队自主研发的“HarmonyOS图片编辑组件”正式上线OpenHarmony三方库中心仓并开源。作为一款填补鸿蒙社区图像处理领域空白的重量级组件,该方案基于HarmonyOS
    的头像 发表于 01-05 09:58 672次阅读

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

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

    鸿蒙非侵入式弹窗新解法,企查查正式开源“QuickDialog”弹窗组件

    近日,企查查将其自研的鸿蒙弹窗组件库“QuickDialog”开源,并上线至 OpenHarmony 三方库中心仓。这是鸿蒙生态首个支持“弹窗堆栈暂存能力”的非侵入式弹窗解决方案,凭借其灵活、高效
    的头像 发表于 07-31 10:40 846次阅读
    <b class='flag-5'>鸿蒙</b>非侵入式弹窗新解法,企查查正式开源“QuickDialog”弹窗<b class='flag-5'>组件</b>库

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

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

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

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

    飞书开源“RTV”富文本组件 重塑鸿蒙应用富文本渲染体验

    近日,飞书正式将其自研的富文本组件库 RichTextVista(简称“RTV”)开源,并上线OpenHarmony 三方库中心仓。该组件以领先的性能、流畅的渲染体验与高度的开放性,为鸿蒙生态提供了
    的头像 发表于 07-11 15:20 785次阅读
    飞书开源“RTV”富文本<b class='flag-5'>组件</b> 重塑<b class='flag-5'>鸿蒙</b>应用富文本渲染体验

    【 HarmonyOS 5 入门系列 】鸿蒙HarmonyOS示例项目讲解

    【 HarmonyOS 5 入门系列 】鸿蒙HarmonyOS示例项目讲解 ##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财# 一、前言:移动开发声明式 UI
    的头像 发表于 07-07 11:57 1194次阅读
    【 HarmonyOS 5 入门系列 】<b class='flag-5'>鸿蒙</b>HarmonyOS示例项目讲解

    鸿蒙ArkTS+ArkUI仿微信消息列表页制作

    :\"5月5日\", last:\"今天上学怎么样?\" } ] as Info[] 由于整体页面结构采用一个@Entry修改的页面+Tab来包裹的4个子组件的形式
    发表于 06-30 18:28

    什么是ArkTS

    ArkTS简介 ArkTS是OpenHarmony优选的应用高级开发语言。ArkTS提供了声明式UI范式、状态管理支持等相应的能力,让开发者可以以更简洁、更自然的方式开发应用。 同时,它在保持
    发表于 06-17 06:24

    鸿蒙5开发宝藏案例分享---Swiper组件性能优化实战

    鸿蒙宝藏:Swiper组件性能优化实战,告别卡顿丢帧! 大家好!最近在鸿蒙开发时,偶然发现了官方文档里埋藏的 性能优化宝藏案例 ,尤其是<span class=\"
    发表于 06-12 17:53

    鸿蒙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

    HarmonyOS实战:组件化项目搭建

    前言 鸿蒙应用开发已经成为互联网新的风口,开发鸿蒙软件已经成为今年工作的核心目标。在软件开发过程中,对于复杂度较大,功能较多的软件都会采用组件化项目架构,那么对于鸿蒙应用开发是否也能实
    的头像 发表于 06-09 14:58 791次阅读
    HarmonyOS实战:<b class='flag-5'>组件</b>化项目搭建

    Kuikly鸿蒙版正式开源 —— 揭秘卓越性能适配之旅

    端的基础能力和设施,包括丰富的跨端组件,完善的调试、构建、发布、监控配套工具链,稳定性监控能力等。 Kuikly框架优势: 一码五端,支持Android、iOS、鸿蒙、Web、小程序5个平台(Web
    发表于 06-04 16:46