Skip to main content
版本:v3

FILL_RECT

API_LEVEL 2.0 开始支持,API 兼容性请参考 API_LEVEL

fill_rect_sample

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

警告

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

创建 UI 控件

import { createWidget, widget } from '@zos/ui'

const fillRect = createWidget(widget.FILL_RECT, Param)

类型

Param: object

属性备注是否必须类型API_LEVEL
x控件 x 坐标number2.0
y控件 y 坐标number2.0
w控件显示宽度number2.0
h控件显示高度number2.0
color控件颜色number2.0
radius矩形圆角number2.0
angle旋转角度number2.0
alpha透明度,取值 0 - 255,默认值为 255 不透明,0 为全透明number3.0

代码示例

import { createWidget, widget, prop } from '@zos/ui'

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

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