Unity UI界面设计方法

一、新建一个场景，创建基础的UI面板

1、比如取名为：UI_Test

2、创建一个面板，用作UI显示：如图所示区域，点击鼠标右键选择UIàPanel，如下图所示：

 

3、新建一个摄像机只用于照射UI界面，取名UICamera,然后对该UICamera进行必要的设置：

4、修改Canvas为UICanvas，Panel为BasePanel,然后对UICanvas进行必要的设置，如下图所示：

 

 

 

二、创建功能面板

 1、导入功能面板的图片资源，且制作成为精灵图片

        a、把包含功能面板的图片文件夹拖入到Resources—>Textures文件夹下，如下所示：

  b、然后点开注册文件夹下的图片Ctrl+A全选，然后对右侧的面板进行如下设置即可变为精灵图片才能在Unity中使用：

2、给BasePanel创建一个Panel面板，改名为RegisterPanel，然后将美工设计好的总布局的精灵图片拖拽给该RegisterPanel面板，如下所示，这就布局好了注册界面的基础面板工作：

3、给RegisterPanel分区域，整体观察发现该面板分为上中两个区域，为了做适配性，需要给RegisterPanel新建两个空物体分别改名为Top、Bottom,然后将Top设置拖到顶部对齐，设置模式为顶部模式，如下所示：

接着就给Top添加一个UIàImage图片,改名为Image_Title，用于显示标题，接着查看导入的图片大小为：725x65,则该图片也设置为725x65,，然后将该图片拖拽给Image_Title，如下所示：

所有的显示组件命名方式为：组件类型+功能，比如创建了一个Image用于做标题显示则命名为：Image_Title，后面的以此类推