HarmonyOS实战开发：Gauge（基础组件）

最新推荐文章于 2024-08-24 16:13:21 发布

蜀道衫QAQ

最新推荐文章于 2024-08-24 16:13:21 发布

阅读量1k

点赞数 23

分类专栏：鸿蒙文章标签： harmonyos 华为鸿蒙系统鸿蒙 android

本文链接：https://blog.csdn.net/2401_84194030/article/details/139481983

版权

鸿蒙专栏收录该内容

449 篇文章 9 订阅

订阅专栏

数据量规图表组件，用于将数据展示为环形图表。

说明：

该组件从API Version 8开始支持。

子组件

无

接口

Gauge(options:{value: number, min?: number, max?: number})

从API version 9开始，该接口支持在ArkTS卡片中使用。

参数：

参数名	参数类型	必填	参数描述
价值	数	是	量规图的当前数据值，即图中指针指向位置。用于组件创建时量规图初始值的预置。说明： value不在min和max范围内时使用min作为默认值。
min	数	否	当前数据段最小值。默认值：0
max	数	否	当前数据段最大值。默认值：100 说明： max小于min时使用默认值0和100。 max和min支持负数。

属性

除支持通用属性外，还支持以下属性：

名称	参数类型	描述
价值	数	设置量规图的数据值，可用于动态修改量规图的数据值。默认值：0 从API version 9开始，该接口支持在ArkTS卡片中使用。
startAngle	数	设置起始角度位置，时钟0点为0度，顺时针方向为正角度。默认值：0 从API version 9开始，该接口支持在ArkTS卡片中使用。
endAngle	数	设置终止角度位置，时钟0点为0度，顺时针方向为正角度。默认值：360 从API version 9开始，该接口支持在ArkTS卡片中使用。
colors	Array<[ResourceColor, number]>	设置量规图的颜色，支持分段颜色设置。默认值：Color.Black 从API version 9开始，该接口支持在ArkTS卡片中使用。说明：第一个参数为颜色值，若设置为非颜色类型，则置为黑色。第二个参数为颜色所占比重，若设置为负数或是非数值类型，则将比重置为0。
strokeWidth	Length	设置环形量规图的环形厚度。默认值：4 单位：vp 从API version 9开始，该接口支持在ArkTS卡片中使用。说明：设置小于等于0的值时，按默认值显示。不支持百分比。

示例

// xxx.ets
@Entry
@Component
struct GaugeExample {
  build() {
    Column({ space: 20 }) {
      // 使用默认的min和max为0-100，角度范围默认0-360，value值设置
      // 参数中设置当前值为75
      Gauge({ value: 75 })
        .width(200).height(200)
        .colors([[0x317AF7, 1], [0x5BA854, 1], [0xE08C3A, 1], [0x9C554B, 1]])
      
      // 参数设置当前值为75，属性设置值为25，属性设置优先级高
      Gauge({ value: 75 })
        .value(25) // 属性和参数都设置时以属性为准
        .width(200).height(200)
        .colors([[0x317AF7, 1], [0x5BA854, 1], [0xE08C3A, 1], [0x9C554B, 1]])
      
      // 210--150度环形图表
      Gauge({ value: 30, min: 0, max: 100 })
        .startAngle(210)
        .endAngle(150)
        .colors([[0x317AF7, 0.1], [0x5BA854, 0.2], [0xE08C3A, 0.3], [0x9C554B, 0.4]])
        .strokeWidth(20)
        .width(200)
        .height(200)
    }.width('100%').margin({ top: 5 })
  }
}

gauge

最后

有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）资料用来跟着学习是非常有必要的。

这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）技术知识点。

希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取，限时开源，先到先得~无套路领取！！

获取这份完整版高清学习路线，请点击→纯血版全套鸿蒙HarmonyOS学习资料

鸿蒙（HarmonyOS NEXT）最新学习路线

HarmonOS基础技能

HarmonOS就业必备技能
HarmonOS多媒体技术

鸿蒙NaPi组件进阶

HarmonOS高级技能

初识HarmonOS内核
实战就业级设备开发

有了路线图，怎么能没有学习资料呢，小编也准备了一份联合鸿蒙官方发布笔记整理收纳的一套系统性的鸿蒙（OpenHarmony ）学习手册（共计1236页）与鸿蒙（OpenHarmony ）开发入门教学视频，内容包含：ArkTS、ArkUI、Web开发、应用模型、资源分类…等知识点。

获取以上完整版高清学习路线，请点击→纯血版全套鸿蒙HarmonyOS学习资料