用户界面改变图片锚点

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是锚点到图片边框水平方向的距离, 图片位于屏幕的中心。

用户界面改变图片锚点