关于Unity UI翻转的问题

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了，就悲剧了