增加一個圖片

在 GUI 裡頭的圖片一般均為  [ImageLabel](<https://developer.roblox.com/en-us/api-reference/class/ImageLabel>) 物件，是基本的 2D 圖片能夠根據需要來重新調整大小

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

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

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

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

1. 在 [UIListLayout](<https://developer.roblox.com/en-us/api-reference/class/UIListLayout>) 內的元素是被它們的 LayoutOrder 來進行排序**。** 改變他的屬性為1，因為在 frame 內的圖片應該是第一個元素。你將看不到任何改變因為圖片是唯一的元素，但就目前是個好主意來設定佈局排序

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

增加文字

GUI 文字一般透過 [TextLabel](<https://developer.roblox.com/en-us/api-reference/class/TextLabel>) 物件來渲染，這讓你能夠選擇字型.顏色.對齊以及更多