锚点、改变锚点、轴心点的位置

一、锚点的作用

1、作用：用于描述子物体在父物体中的位置

2、实例：

(1) Canvas是Image的父物体

(2) Image的锚点在中心（4个三角形聚集在中央）

(3) Image的轴心点在Image的中心（蓝色线圈）

(4) 在Inspector面板的Rect Transform上，

A. Pos X、Y、Z都为0

B. Width和Height分别是Image的宽和高(500*300)

C. 它们左边的图标(AnchorPresets——快速预设锚点)

D. 上图的AnchorPresets图标表示Image的锚点和轴心点重合，都在中央的位置

二、改变锚点

1、只改变Image的锚点而不改变其位置

(1) 选中Image

(2) 点击Rect Transform下的AnchorPresets图标，选择Middle、Left

(3) 可见Pos X改变，为960。表示：Image的轴心点与锚点的距离是960

(4) 相当于锚点的坐标是（0，0，0），Image轴心点的坐标是（960，0，0）

2、快速改变锚点和Image的位置

(1) 选中Image

(2) 点击Rect Transform下的AnchorPresets图标，按住Alt，选择bottom、Left

(3) 可见Pos X改变，为250。表示：Image的轴心点与锚点的距离是250；Pos Y改变，为150

(4) 相当于锚点的坐标是（0，0，0），Image轴心点的坐标是（250，150，0）

三、改变轴心点的位置

1、方法1：通过AnchorPresets更改

(1) 选择轴心模式

(2) 选中Image

(3) 点击Rect Transform下的AnchorPresets图标，按住Shift，选择bottom、Left

(4) 可见锚点改变（Canvas的左下角)，Image的轴心点改变(Image的左下角)

(5) Pos X=710，Pos Y=390

(6) 相当于锚点的坐标是（0，0，0），Image轴心点的坐标是（710，390，0）

(7) 计算方法：

A. Canvas宽高：1920*1080

B. Image宽高：500*300

C. 锚点到轴心点的距离：

宽：1920/2-500/2=710

高：1080/2-300/2=390

2、方法2：手动修改

(1) 选择轴心模式(见方法1)

(2) 选中Image，拖动轴心点