Unity UGUI Rect Transform详解
2017-06-12 本文已影响0人
熊熊小
一直对Inspector里的Rect Tranform有疑问,不明确shift和alt的作用(虽然注释了),也不明确pivot的用法。今天整理一下。
首先,为了保证所见即所得,打开pivot模式,Scene中打开2D模式;

接下来,创建一个Canvas,并在其之下创建子控件Image。

Canvas默认平铺为整个屏幕空间(Screen Space - overlay),位置不可控;
打开Image
先讲锚点:Anchors。设置的是Image在Canvas中的相对位置;也就是在Canvas坐标系中,Image所处的位置,比如当前设置的Anchors为 bottom,right, 那么Image在Canvas坐标系中的(0,0)点就位于右下角:

如果PosX,PosY值改变了,图片会作出相对于锚点的位置改变:


这回再设置锚点到bottom left,左下角那朵小花就是锚点位置:

接下来讲Pivot,这是Image自己的中心点。XY值代表中心点相对于自身的百分比位置,接着上面那张图看,pivot的位置就在Image右下角,相对于自身的百分比为(100%, 0)

我们再变化一下:

再看小蓝点,非常明白了吧,pivot位置为Image百分比为(100%, 50%)的位置

最后讲下锚点的快捷键:

按下shift时会在设置锚点的同时,将Image中心点设置在同样的位置
按下Alt时会在设置锚点的同时,将Image的位置设置在同样的位置