Unity基礎UI介面1/3_文字Text

UI介面比例設定

UI介面可以簡單形容,是一個放置在整個攝影機畫面的圖形化介面,可以隨著各種手機銀幕尺寸做相對應的按鈕位置定位。

  • 在Hierarchy視窗點選滑鼠右鍵UI/Text後,點選Canvas畫布,在屬性視窗中修改UI Scale Mode為Scale With Screen Size。
  • 設定Reference Resolution解析度比例為X 720 Y 1280,在Game視窗新增比例Width & Height 為X 720 Y 1280。
  • 點選Hierarchy視窗中的Text,屬性視窗可以設定字型、大小、顏色與排列規則,把文字調整成一個適合觀看的大小與顏色,本章節Font Size文字大小設定為86,Color顏色設定為紅色。
  • 把Text名稱改成Score分數,按下center設定,按著Shift可以設定物件中心點座標,按著Alt可以更改物件現在的位置,Shift與Alt可以一起按,把Score設定到左上角後。

按下Alt

中心軸設定

按下Shift

按下Shift與Alt

文字Text

介紹如何使用UI使用者介面的操作,如何使畫面上顯示設定的文字內容。

文字外光暈

  • 把Rect Transform元件的Pox X屬性調整為10,Width與Height屬性改為300與200,使顯示的範圍加大。
  • 文字UI新增外光暈,點選Score文字,在屬性視窗中新增,Outline,可以自設定光暈大小、顏色與透明度。
  • 新增GameObject空物件命名為UiControl後在屬性視窗內新增_06_UiControl腳本,開啟後寫入讀取UI程式索引碼using UnityEngine.UI。

_06_UiControl腳本:

  • 腳本存檔後,拖曳Score物件到UiControl物件屬性視窗中_06_UiControl腳本的ScoreBarx欄位。
  • 開啟_03_Monster腳本,加入Monster死亡後增加分數。

流動數字的表現

  • 數字在怪物死亡後會多10,但是會瞬間變化,在此介紹如何更改成流動數字表現方法,開啟腳本。
  • 啟動場景後,擊毀Monster後,分數就會有一個動態放大且數字跳動的效果,達到分數後縮回原本的大小。

相關文章

發表迴響

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