增加一個圖片

在 GUI 裡頭的圖片一般均為  ImageLabel 物件,是基本的 2D 圖片能夠根據需要來重新調整大小

  1. 加入一個 ImageLabel 到 **ScoreBarFrame 物件,**接著選擇它

  1. 為了要擺放範例的皇冠圖片來作為標籤,找到 Image 屬性並貼入內容 rbxassetid://5673786644

  1. 展開圖片物件的 Size,並設定以下屬性值:

  1. 就如你所見,這些 scaling 的值能根據 frame 的全寬來延展圖片。為了確保只有高被納入評估,改變圖片的 SizeConstraintRelativeYY

  1. UIListLayout 內的元素是被它們的 LayoutOrder 來進行排序**。** 改變他的屬性為1,因為在 frame 內的圖片應該是第一個元素。你將看不到任何改變因為圖片是唯一的元素,但就目前是個好主意來設定佈局排序

  1. 最終,改變圖片的背景從白色改為全透明,透過設定 BackgroundTransparency 為 1

增加文字

GUI 文字一般透過 TextLabel 物件來渲染,這讓你能夠選擇字型.顏色.對齊以及更多