用户界面改变图片锚点

1.屏幕分辨率设置为480*800

2.创建一张图片, 图片原大小为100*100

3.改变图片锚点
(1).图片锚点处于屏幕中心点的时候,锚点是一个雪花状的物体, 想象锚点是一个1*1像素的矩形, 锚点Min(0.5, 0.5), Max(0.5, 0.5), 中心点Pivot(0.5, 0.5), 图片的位置坐标(0,0),位置坐标是锚点和中心点水平方向的距离, 图片位于屏幕的中心。

(2).单击custom, 单击九宫格左上角的方块, 设置图片锚点处于屏幕左上角。

锚点Min(0, 1), Max(0, 1), 中心点Pivot(0.5, 0.5), 图片的位置坐标(240,-400), 位置坐标是锚点和中心点水平方向的距离, 图片位于屏幕的中心。

(3).单击custom, 单击九宫格左中的方块, 设置图片锚点处于屏幕左中的位置。

锚点Min(0, 0.5), Max(0, 0.5), 中心点Pivot(0.5, 0.5), 图片的位置坐标(240,0), 位置坐标是锚点和中心点水平方向的距离, 图片位于屏幕的中心。

(4).单击custom, 单击九宫格左下角的方块, 设置图片锚点处于屏幕左下角。

锚点Min(0, 0), Max(0, 0), 中心点Pivot(0.5, 0.5), 图片的位置坐标(240,400), 位置坐标是锚点和中心点水平方向的距离, 图片位于屏幕的中心。

(5).单击custom, 单击九宫格右上角的方块, 设置图片锚点处于屏幕右上角。

锚点Min(1, 1), Max(1, 1), 中心点Pivot(0.5, 0.5), 图片的位置坐标(-240,-400), 位置坐标是锚点和中心点水平方向的距离, 图片位于屏幕的中心。

(6).单击custom, 单击九宫格右中的方块, 设置图片锚点处于屏幕右中的位置。

锚点Min(1, 0.5), Max(1, 0.5), 中心点Pivot(0.5, 0.5), 图片的位置坐标(-240,0), 位置坐标是锚点和中心点水平方向的距离, 图片位于屏幕的中心。

(7).单击custom, 单击九宫格右下角的方块, 设置图片锚点处于屏幕右下角。

锚点Min(1, 0), Max(1, 0), 中心点Pivot(0.5, 0.5), 图片的位置坐标(-240,400), 位置坐标是锚点和中心点水平方向的距离, 图片位于屏幕的中心。

(8).单击custom, 单击九宫格下中的方块, 设置图片锚点处于屏幕下中位置。

锚点Min(0.5, 0), Max(0.5, 0), 中心点Pivot(0.5, 0.5), 图片的位置坐标(0,400), 位置坐标是锚点和中心点水平方向的距离, 图片位于屏幕的中心。

(9).单击custom, 单击九宫格上中的方块, 设置图片锚点处于屏幕上中的位置。

锚点Min(0.5, 1), Max(0.5, 1), 中心点Pivot(0.5, 0.5), 图片的位置坐标(0,-400), 位置坐标是锚点和中心点水平方向的距离, 图片位于屏幕的中心。

(10).单击custom, 单击stretch下方左侧的方块, 设置图片锚点处于屏幕左侧上、下的位置。

锚点Min(0, 0), Max(0, 1), 中心点Pivot(0.5, 0.5), 图片的位置坐标PosX=240, Top=350, Bottom=350, Top和Bottom是锚点到图片边框水平方向的距离, 图片位于屏幕的中心。

(11).单击custom, 单击stretch下方中间的方块, 设置图片锚点处于屏幕上、下中间的位置。

锚点Min(0.5, 0), Max(0.5, 1), 中心点Pivot(0.5, 0.5), 图片的位置坐标PosX=0, Top=350, Bottom=350, Top和Bottom是锚点到图片边框水平方向的距离, 图片位于屏幕的中心。

(12).单击custom, 单击stretch下方右边的方块, 设置图片锚点处于屏幕右侧上、下的位置。

锚点Min(1, 0), Max(1, 1), 中心点Pivot(0.5, 0.5), 图片的位置坐标PosX=-240, Top=350, Bottom=350, Top和Bottom是锚点到图片边框水平方向的距离, 图片位于屏幕的中心。

(13).单击custom, 单击stretch右边下方的方块, 设置图片锚点处于屏幕下方左右两侧的位置。

锚点Min(0, 0), Max(1, 0), 中心点Pivot(0.5, 0.5), 图片的位置坐标PosY=400,Left=190,Right=190,Left和Right是锚点到图片边框水平方向的距离, 图片位于屏幕的中心。

(14).单击custom, 单击stretch右边中间的方块, 设置图片锚点处于屏幕中间左右两侧的位置。

锚点Min(0, 0.5), Max(1, 0.5), 中心点Pivot(0.5, 0.5), 图片的位置坐标PosY=0,Left=190,Right=190,Left和Right是锚点到图片边框水平方向的距离, 图片位于屏幕的中心。

(15).单击custom, 单击stretch右边上方的方块, 设置图片锚点处于屏幕上方左右两侧的位置。

锚点Min(0, 1),Max(1, 1),中心点Pivot(0.5, 0.5), 图片的位置坐标PosY=-400,Left=190,Right=190,Left和Right是锚点到图片边框水平方向的距离, 图片位于屏幕的中心。

(16).单击custom, 单击stretch右下角的方块, 设置图片锚点处于屏幕上下左右的位置。

锚点Min(0, 0),Max(1, 1),中心点Pivot(0.5, 0.5), Top=350, Bottom=350, Left=190, Right=190,Left、Right、Top和Bottom是锚点到图片边框水平方向的距离, 图片位于屏幕的中心。