UI界面大致的樣子
匯入素材資源后，使用UGUI進行創作
創建畫布Canvas，我們使用UGUI，大多數UI功能直接在Canvas下進行
將Canvas的渲染模式改為Screen Space-Cemare 注意密鑰把攝像機拖進Render Camera
格子背景 冰淇淋的圖片 貪吃蛇的Title只有視覺功能，直接創建組件Text，Image即可，注意！一定要創建在Canvas里面
Canvas的渲染很有意思，在上面的位于最底層，如：Bg與Title
Bg在Title上面，正常顯示
Bg在Title下面，發現被擋住了，
我們可以這樣想，位于Project面板Canvas中的東西，位置處于越下面的越靠近攝像機，越先渲染
再來談談控制游戲開始的按鈕
添加Button組件，再在其下創建Text，輸入想要的文字，調整大小即可
添加Button成功后運行，點擊Button按鈕，我們就會發現點擊時會有一個陰影效果
除此之外，我們還可以add OutlIne與Shadow組件
Outline控制左右上下同時加粗 Shadow可以單向的做到這種黑邊加粗效果，讓按鈕看上去更立體
當然，我們也可以改變effete color使用不同的顏色效果，
接著創建左邊具有關鍵功能的control menu
直接創建一張Image 將顏色設定為白色 調節合適透明度，我們要做3個功能
首先 皮膚功能：
創建2個toggle（英語 切換 的意思）組件，一個toggle有下圖這些東西
當我們點擊鉤是 鉤圖示會出現或消失
checkmark就是這個
label自帶一個text 你可以編輯一些文字
2個toggle的background選擇好合適的顏色即可
重點！我們創建好2個toggle后發現2個都打勾了，這顯然不是我們想要的結果 如何打勾一個的時候讓別的取消鉤呢？
在Skin下添加toggle group組件
我們將blue yellow中的group直接拖入skin
讓blue yellow中 鉤子默認只開一個 通過is on調節 開一個 關一個就行
skin中的allow switch off 取消勾選 就算有4399個鉤 你只要這樣做 即可實作永遠只有一個toggle打勾
玩法同理，自己嘗試做一做吧！
分數就3個text，很簡單
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/339280.html
標籤：其他
上一篇：手機游戲游戲隱私政策