一、新建一個場景，創建基礎的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，后面的以此類推

總結

以上是生活随笔為你收集整理的Unity UI界面设计方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。