Unity3D 練習 – UGUI系統教學-02 創建公告欄 + Scroll Bar 功能

      在〈Unity3D 練習 – UGUI系統教學-02 創建公告欄 + Scroll Bar 功能〉中留言功能已關閉

參考 :

【Unity3D精神時光屋】UGUI系統教學-02 創建公告欄


建立一個 Image 命名為 Announcement

在 Image 底下按右鍵 > UI > 建立第二個 Image 命名為 TitleBG

以相同方式 在 TitleBG底下,再建立一個 Text 命名為 Title

Title 可以利用按下 Alt 調整大小與外框相同

調整文字大小與置中(Alignment)

然後增加內容文字部分 分別建立一個 Image 為 ContentBG 與 Content

添加 Scroll Bar

先將文字部分往下拉,讓它可以顯示完整文字

在ContentBG 增加 Component “Scroll Rect”

然後把 Content (text)拖曳到 Content

調整 Horizontal 不能操作

接著,增加 Mask 隱藏下面的文字

可以修改 Show Mask Graphic 讓文字與背景顏色一致

增加另一個 UI Scrollbar

設定為 Bottom To Top

調整好位置後,將它加到 ContentBG 底下的 Vertical Scrollbar

執行結果 :

print