关于Unity UI翻转的问题
2017-03-05 本文已影响275人
FindCrt
demo地址,里面UIRevertTest场景
之前在项目中发现UI布局错乱,原本在左上角的东西跑到了右下角,原本在下面的跑到了上面,最后发现是UI翻转的问题。
假设现在有这样的UI结构
UI目录
然后button的布局信息是这样的:
button位置信息那么button应该在panel的左上角。因为锚点在左上角,而posX和posY都很小。可实际button在左下角去了,如图:
button位置而且注意锚点的位置,在视觉上就是右下角。这就很奇怪,为什么?
因为button的父控件panel翻转了
怎么翻转?只要拖住左上角的点,把它往右下角拉,直到超过原本右下角的点就好了。也就是说现在你看到的右下角其实并不是右下角,而是正常状态的左上角。
翻转UI而翻转有什么迹象可以一眼看出来?
翻转的控件会有红色的对角线标识出来,主意看第二张图
UI预制件问题
还有一个相关的问题,就是如果UI制作成预制件,如果进行这样的操作就会出问题:
把预制件拖进场景查看,然后再拖进Cavas
。
预制件的scale会发生变化。准确说,是Cavas
的Render Mode
设为Screen Space - Camera
的时候,因为这个时候,Cavas
的scale是缩小的。
Screen Space - Camera
的时候,Cavas
的实际大小根据距离相机的距离来算,而它数据里的大小是屏幕大小,而一般屏幕大小都很大,所以这时Cavas
的scale就很小了。
scale很小,导致预制件从其他位置拖到Cavas
下,而不是直接放到Cavas
下面,Unity在修改parent transform的时候会自动修改物体的数据来保证它显示大小和原来一样,那么父物体缩小了,子物体就会调整放大,保持和原来一致。
这一切都没有问题,但如果这个时候你修改了预制件,然后Apply了,就悲剧了