组件的尺寸位置是决定组件 位置坐标 和 大小尺寸 数据。
169.png

一、位置坐标

组件位置以组件轮廓 左上角顶点 在画布上的坐标（X，Y）来决定。
170.png

二、大小尺寸

组件位置以组件轮廓 左上角顶点 来定位，所以在控制组件宽度和高度的尺寸时：

  • 宽度方面：固定宽度 和 固定右边距离（组件右边界与画布右边界的距离） 互斥；
  • 高度方面：固定高度 和 固定底部距离（组件下边界与画布下边界的距离） 互斥。

1. 切换宽度方案

点击尺寸位置罗盘图中 十字线中的水平线 或 固定右边距离的标志 切换。
171.png

2. 切换高度方案

点击尺寸位置罗盘图中 十字线中的垂直线 或 固定底部距离的标志 切换。
切换高度方案.png

3. 尺寸控制

宽度和高度各有两种控制方案，所以组件大小尺寸有四种控制方案：

  1. 固定宽度 和 固定高度：组件大小以 W（width）和 H（high）的值决定；
  2. 固定宽度 和 固定底部距离：组件大小以 W（width）和 B（bottom）的值决定；
  3. 固定右边距离 和 固定高度：组件大小以 R（right）和 H（high）的值决定；
  4. 固定右边距离 和 固定底部距离：组件大小以 R（right）和 B（bottom）的值决定；