Skip to main content
版本:v3+

STROKE_RECT

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

stroke_rect_sample

描边矩形控件在填充矩形控件的基础上加入了描边。

创建 UI 控件

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

const strokeRect = createWidget(widget.STROKE_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
line_width描边宽度number2.0
angle旋转角度number2.0
pos_x绘制区域 x offset(仅在 angle%360!=0 生效)number4.0
pos_y绘制区域 y offset(仅在 angle%360!=0 生效)number4.0
rect_width绘制区域的宽度(仅在 angle%360!=0 生效)number4.0
rect_height绘制区域的高度(仅在 angle%360!=0 生效)number4.0

属性访问支持列表

属性名setPropertygetPropertysettergetter
xYYYY
yYYYY
wYYYY
hYYYY
colorYYYY
radiusYYYY
line_widthYYYY
angleYYYY
pos_xNYNY
pos_yNYNY
rect_widthNNNY
rect_heightNNNY

代码示例

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

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

strokeRect.addEventListener(event.CLICK_DOWN, (info) => {
strokeRect.setProperty(prop.MORE, {
y: 200
})
})
}
})