#2–1:研究顯示文字的 UILabel

Chloe
彼得潘的 Swift iOS / Flutter App 開發教室
3 min readOct 30, 2018

1.Line Break:

Label中Line Break的設定有以下幾種:

Clip:(Default) 依照Label長度顯示可容納之字數

Clip

Charactor Wrap:若行數≥2,超出Label之範圍,會往下一行移動,以字母為單位換行(僅英文,因中文沒有字母的概念)。

Charactor Wrap

Word Wrap:若行數≥2,超出Label之範圍,會往下一行移動,以單字為單位換行(僅英文,因中文沒有字母的概念)。

Word Wrap

Truncate Head:截短開頭,截短部分以“…”顯示

Truncate Head

Truncate Middle:截短中間,截短部分以“…”顯示

Truncate Middle

Truncate Tail:截短結尾,截短部分以“…”顯示

Truncate Tail

2.Autoshrink

Label中Autoshrink的設定有以下幾種:

Autoshrink

Fixed Font Size:(Default)不進行縮放

Minimum Font Scale:字串過長時,系統會依設定的最小縮放倍數(0.x~1)縮小文字,以便顯示全部字串

Minium Font Size:字串過長時,系統會依設定的字型大小縮小文字,以便顯示全部字串

3.Shadow (文字的陰影)

shadow:(Default)為無色,可選擇文字的陰影顏色。

width:數字越大越往右做移動

Height:數字越大越往下做移動

因為原點是以左上角為(0,0)開始向右( x 軸)跟向下( y 軸)

--

--