PaintCode 用户操作指南（绘制篇）

通过拖动源点的中心，也可以将源点移动到任何位置，然后在对图形进行旋转。

当设计师拖动源点的时候，设计师会发现它能够与图形的角、中心以及其他图形的源点对齐。按住 Command 键的同事拖动源点就可以避免这种事情发生了。默认情况下，源点不会和网格对齐，但可以通过按住 Control 键强制它捕捉到网格并对齐。

偏移变换可以抵消其变换形状的源点，重要的是，要实现 X 和 Y 的位置属性，在检查器中通常使用的不是图形的左边。事实上，这些坐标是变换图形源点的左边，在下图中以红色箭头所示。

另外，偏移变换从变换源点移动图形（在上图中以蓝色箭头展示）。

通常情况下，图形的偏移变换（蓝色箭头）为0，因此图形的角坐标以及变换源点的坐标是相同的。当设计师使用非0偏移变换的时候，这不再为真。

缩放变换允许设计师沿着图形的 X 轴和 Y 轴来缩放。在下面的例子中，蓝色矩形与灰色矩形有着同样的宽度，但是尺寸变换使得它们在画布中的大小不同。

变换的顺序为：

偏移变换（Offset）

旋转变换（Rotation）

尺寸变换（Scale）

究竟什么是 X 轴和 Y 轴的形状位置？（What actually is the X and Y Position of shape?）

在“偏移变换”中，我们解释，设计师最常使用的在检查器中X 和 Y 坐标位置，确定了画布中的图形的绿色标志的坐标，这就是变换源点。

然而，这不完全。唯一时，这些坐标相对应的是什么？当设计师在画布上绘制图形的时候，并将它放在坐标（X = 200, Y = 100）的位置上，这些数字意味着什么呢？显然，这意味着图形放在（200，100）这个点上——但是点从哪来的呢？0 点又在哪呢？

幸运的是，大多数情况下，情况很简单—— X 和 Y 坐标是相对于整个画布的绘制起点。在 iOS 下，这是左上角，但设计师可以随意移动它。

然而，情况变得复杂了，一旦设计师开始使用转换组。在下面的例子中，我们把 3 个矩形编组，然后采用旋转变换。

当设计师选择变换组中的一个图形时，设计师会注意到 X 轴和 Y 轴坐标为（0，103）。

这是因为旋转组的变换源点已经变成了全部内容坐标系统的源点。全部转换组表现为这样。

当满足下列条件的时候，一个组被认为变换：

非 0 旋转

非 0 偏移

X 轴或者 Y 轴不等于1

变量连接到旋转，尺度或抵消组变换

在上面的图片中，设计师可以看到当前坐标系原点的两个正交的蓝色箭头。这些代表 X 轴和 Y 轴的坐标体系。

总之，一个图形的 X 和 Y 坐标被定义为与与位置相关的坐标系。坐标系系统的源点被定义为最近的父级转化组，如果转化组不在父级转化组中，使用的将是画布的源点。

（编辑：佛山站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!