STROKE_RECT
描边矩形控件在填充矩形控件的基础上加入了描边。
创建 UI 控件
const strokeRect = hmUI.createWidget(hmUI.widget.STROKE_RECT, Param)
类型
Param: object
属性 | 备注 | 是否必须 | 类型 |
---|---|---|---|
x | 控件 x 坐标 | 是 | number |
y | 控件 y 坐标 | 是 | number |
w | 控件显示宽度 | 是 | number |
h | 控件显示高度 | 是 | number |
color | 控件颜色 | 是 | number |
radius | 矩形圆角 | 否 | number |
line_width | 描边宽度 | 否 | number |
angle | 旋转角度 | 否 | number |
代码示例
Page({
build() {
const strokeRect = hmUI.createWidget(hmUI.widget.STROKE_RECT, {
x: 125,
y: 125,
w: 230,
h: 150,
radius: 20,
line_width: 4,
color: 0xfc6950
})
strokeRect.addEventListener(hmUI.event.CLICK_DOWN, (info) => {
strokeRect.setProperty(hmUI.prop.MORE, {
y: 200
})
})
}
})