Skip to content

layout ​

元素布局相关属性

关键属性 ​

x: number ​

x 轴位置。

y: number ​

y 轴位置。

width: number ​

元素的宽度。

TIP

当宽度为负数时,为让程序继续运行,将重置为正数,并使用 -scaleX 镜像代替,开发环境中会发出一个警告。

height: number ​

元素的高度。

TIP

当高度为负数时,为让程序继续运行,将重置为正数,并使用 -scaleY 镜像代替,开发环境中会发出一个警告。

scaleX: number ​

x 轴缩放比例, 为负数时表示镜像 X 轴。

scaleY: number ​

y 轴缩放比例,为负数时表示镜像 Y 轴。

rotation: number ​

旋转角度,取值范围为 -180 ~ 180。

skewX: number ​

x 轴倾斜角度,取值范围为 -90 ~ 90。

skewY: number ​

y 轴倾斜角度,取值范围为 -90 ~ 90。

偏移属性 ​

方便动画、交互状态中以相对值偏移元素。

offsetX: number ​

x 轴偏移量。

offsetY: number ​

y 轴偏移量。

计算属性 ​

scale: number | IPointData ​

快速设置 scaleX, scaleY

ts
leaf.scale = 2 // scaleX = 2, scaleY = 2
console.log(leaf.scale) // 2

leaf.scale = { x: 1, y: 2 } // scaleX = 1, scaleY = 2
console.log(leaf.scale) // {x:1, y: 2}

关键方法 ​

updateLayout ( ) ​

请求更新布局,如 leafer 布局无变化,则忽略。

归属 ​

UI ​

Released under the MIT License.