Unity基礎UI介面2/3_按鈕Button

按鈕Button

儲存Scene場景並新增一個新Scene,選單列File/Save Scene;File/New Scene,本章節學習轉換場景的方法。

場景布置

  • 在Hierarchy視窗中點選右鍵,UI/Image並命名為MenuMap,專案視窗UI資料夾中MenuMap貼圖的Texture Type格式修改為Sprite(2D and UI)。
  • 拖曳MenuMap貼圖到階層結構視窗中MenuMap的Source Image上。
  • 點選 Canvas畫布,在屬性視窗中修改UI Scale Mode為Scale With Screen Size與設定Reference Resolution解析度比例為X 720 Y 1280,點選MenuMap把中心位置設置為全畫面(按下Shift + Alt點選)。

MenuMap貼圖展開至全畫面,此設定會隨著手機銀幕大小而自動調整。

Button按鈕事件

  • 在Hierarchy視窗中選擇Canvas後點選右鍵,UI/Button,新增一個Button後點選(此按鈕只有一個就不另外命名),拖拉start01圖片至屬性視窗中的Source Image上,按下Set Native Size後貼圖就會調整成原尺寸大小,刪除Button的子物件Text,在Scene視窗或屬性視窗中調整位置。
  • 新增GameObject空物件後命名為SceneControl,並且加入_07_SceneControl腳本後開啟,寫入讀取轉場程式索引碼using UnityEngine.SceneManagement。

_07_SceneControl腳本:

  • 儲存場景到01_Scenes資料夾中命名為Menu。
  •  點選選單列File/Build Settings...,拖曳01_Scenes資料夾中的Scene到Scenes In Build欄位。
  • 點選Hierarchy視窗裡的Button物件,在屬性視窗中增加On Click事件,拖拉SceneControl物件到目標欄裡。
  • 選擇執行宣告,_07_SceneControl/_Scene01(),啟動遊戲點選按鈕,場景就會轉換至Game01了。

相關文章

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *