[UGUI]UI框架01:自适应 & 层级

参考链接:

https://jingyan.baidu.com/article/cbcede077aa8b202f40b4dac.html

http://www.xuanyusong.com/archives/3278

https://www.cnblogs.com/zhaoqingqing/p/3556249.html

https://www.cnblogs.com/flyFreeZn/p/4073655.html

1.自适应

对应CanvasScaler组件。

Reference Resolution:填一种主流的分辨率,横屏(1136x640),竖屏(640x1136)

Match:横屏填0,表示以宽为基准缩放UI;竖屏填1,表示以高为基准缩放UI

常用设置如下(横屏):

2.层级

对应Canvas组件。

Sorting Layer & Order in Layer:https://www.cnblogs.com/lyh916/p/8462267.html

常用设置如下(需要提供一个照射UI的摄像机):

UI与UI:

一般来说,需要分为一级界面,二级界面,三级界面等,Order in Layer可以分别为100,200,300,用于对界面进行分层

注意只有相同Canvas下的UI才能合批,不同Canvas的是不能合批的,因此尽量避免使用过多的Canvas

UI与特效:

如下,在对UI进行分层的前提下(Canvas1为100,Canvas2为200),使特效为101,即可使特效处于UI之间

UI与模型:

1.在界面下创建Camera,专门照射UIModel层,给Target Texture赋值上Render Texture

2.在界面下创建模型,设置为UIModel层

3.将Camera和模型移动到合适位置(如(10000,10000,10000)),创建RawImage,用之前的Render Texture赋值

注意一下,虽然可以通过调整UI和模型的z轴来使模型处于UI之间,但尽量避免这样做。尽可能使界面的z轴为0,否则会影响合批

原文地址:https://www.cnblogs.com/lyh916/p/11831213.html