【實作】Unity公告系統(UGUI)

2016年1月7日 星期四

【實作】Unity公告系統(UGUI)


Unity 公佈欄 / 公告 / 說明框 UI系統
適用情景:當你的遊戲需要再開始畫面有一個公佈欄或是更新日誌


示意圖如下:
結果圖如下:
【步驟】
1.創建UI Image
2.在Image中添加Scroll Rect
3.在Image中添加Mask
4.在Image底下添加一個Text
5.在Image底下添加一個Scrollbar,在Direction中選擇Bottom to Top,Value調整1,下面On Value Changed按"+"號,選擇上面添加的Text

【解說】
首先通常會有一個背景圖,所以會創建一個UI Image當作背景,可以在屬性欄中Source image選擇圖片,或是練習過程如本次結果圖中在Color那邊做一個半透明的白色背景,然後新增一個Text在底下當作是內文,接著可以換成矩形工具模式,將內文拉長到能夠顯示完整內文,超出畫面也可以,然後在Image中增加Scroll Rect是為了可以滾動內文,Mask是為了遮蓋超出Image背景範圍的內文,

通常在Text中會放入內文,不過實際上會另外寫Script接收Server每次更新項目的Text

*注意當版面中有很多UI時,每個UI最好都另外取名字,像是主畫面的Text就叫做Title,Button的Text就叫做Button_text,如果Button功能是Menu_StartGame,那底下Text就叫做Menu_StartGame_Text會比較清楚,避免專案越來越複雜的時候命名的元件完全不知道他到底是哪一個Text。

0 意見 :

張貼留言

Popular Posts