ARC_PROGRESS
圆弧进度控件绘制圆弧进度,支持开始角度、线宽、结束角度、颜色、进度比例。
创建 UI 控件
const arcProgress = hmUI.createWidget(hmUI.widget.ARC_PROGRESS, Param)
类型
Param: object
属性 | 说明 | 是否必须 | 类型 |
---|---|---|---|
center_x | 圆心 x | 是 | number |
center_y | 圆心 y | 是 | number |
radius | 半径 | 是 | number |
start_angle | 圆弧开始角度 0 度为正 3 点方向 | 是 | number |
end_angle | 圆弧结束角度 0 度为正 3 点方向 | 是 | number |
line_width | 圆弧线宽 | 是 | number |
color | 圆弧颜色 | 是 | number |
src_bg | 背景图片 | 否 | string |
level | 圆弧进度比例 [0-100] | 否 | number |
代码示例
const arcProgress = hmUI.createWidget(hmUI.widget.ARC_PROGRESS)
arcProgress.setProperty(hmUI.prop.MORE, {
center_x: 100,
center_y: 100,
radius: 200,
start_angle: -90,
end_angle: 90,
color: 0x34e073,
line_width: 10,
level: 50
})