研究顯示文字的 UILabel

今天來探討三個部分,Line Break、 Autoshrink和Shadow

如果要多行顯示,Label裡面的Lines可以增減,1代表單行2代表兩行…以此類推。

1.Line Break

Clip:單行-用label的長度為依據來顯示文字,超過的部分直接截斷。多行-以單詞換行(僅限英文)。
Character Wrap:單行-超過的部份直接截斷。多行-以字元換行(僅限英文)。
Word Wrap:單行-超過的部份直接截斷。多行-以單詞換行(僅限英文)。
Truncate Head:單行-刪除前段的文以「…」呈現,多行-以單詞換行(僅限英文)。
Truncate Middle:單行-刪除中段的文以「…」呈現,多行-以單詞換行(僅限英文)。
Truncate Tail:單行-刪除後段的文以「…」呈現,多行-以單詞換行(僅限英文)。

如下圖表示:

Line Break 文字長度設定顯示

2.Autoshrink

Fixed Font Size(default):不進行縮放。但當文字超過 Lable寬度時,會以上面Line Breaks為指定基準。
Minimum Font Scale:當字串太長時,系統會依設定的最小縮放倍數縮小文字,以顯示所有字串。
Minium Font Size:當字串太長時,系統會依設定的字型大小縮小文字,以顯示所有字串。

如下圖表示:

Autoshrink 文字縮放的設定顯示

3.Shadow(文字的陰影)

Shadow:可以設定文字陰影的顏色

Shadow Offset:Width設定正數向右負數向左,Height設定正數向下負數向上。

如下圖顯示:

Shadow的設定顯示

--

--

Mos蚊子
彼得潘的 Swift iOS / Flutter App 開發教室

一個在Swift ios app海裡慢慢成長的菜逼八工程師-蚊子 Learn apple develop 的學習日誌