Skip to main content
版本:v3

FILL_RECT

fill_rect_sample

填充矩形控件用于绘制一个纯色矩形区域。

警告

现阶段如果通过 setProperty(hmUI.prop.MORE, Params) 的方式来改变控件属性,必须传递 xywh 属性,具体参考示例代码

创建 UI 控件

const fillRect = hmUI.createWidget(hmUI.widget.FILL_RECT, Param)

类型

Param: object

属性备注是否必须类型
x控件 x 坐标number
y控件 y 坐标number
w控件显示宽度number
h控件显示高度number
color控件颜色number
radius矩形圆角number
angle旋转角度number

代码示例

Page({
build() {
const fill_rect = hmUI.createWidget(hmUI.widget.FILL_RECT, {
x: 125,
y: 125,
w: 230,
h: 150,
radius: 20,
color: 0xfc6950
})

fill_rect.addEventListener(hmUI.event.CLICK_DOWN, (info) => {
fill_rect.setProperty(hmUI.prop.MORE, {
x: 125,
y: 200,
w: 230,
h: 150
})
})
}
})