UILabel裡的Line Breaks、Autoshrink與Shadow

Label裡的文字過長就使用Line Break來處理吧!

UILabel裡的Line Break有下列六種屬性:

1.Clip

2.Character Wrap

3.Word Wrap

4.Truncate Head

5.Truncate Middle

6.Truncate Tail

更改Line Break屬性

來試試Line Break各種屬性的功能

1.Clip: Label中超出範圍的文字,會直接被裁掉。

Clip

2.Character Wrap:Label中超出範圍的文字,是以「字母」為單位來斷行。

Character Wrap

3.Word Wrap:Label中超出範圍的文字,是以「單字」為單位來斷行。

Word Wrap

4.Truncate Head:裁掉最後一行前方的文字,顯示『 … 』。

Truncate Head

5.Truncate Middle:裁掉最後一行中間的文字,顯示『 … 』。

Truncate Middle

6.Truncate Tail:裁掉最後一行後方的文字,顯示『 … 』。

Truncate Tail

Autoshrink自動調整Label內文字大小

UILabel裡的Autoshrink有下列三種屬性:

  1. Fixed Font Size
  2. Minimum Font Scale
  3. Minimum Font Size
Autoshrink

Fixed Font Size:固定格式大小,當文字超過 Label寬度時,會依照上面的Line Break顯示。

Fixed Font Size

Minimum Font Scale:Label文字太長時,系統會將文字依比例縮小,範圍為0至1。

Minimum Font Scale(此圖測試比例為0.9)

Minimum Font Size:Label文字太長時,系統會將文字依Font Size縮小,最小數值為1,最大不超過文字設定Font的大小。

Minimum Font Size(此圖文字設定Font為18,故Minimum Font Size就只能調1至18)

文字的陰影設定

Shadow

測試:藍色陰影

測試:system blue color

測試:紅色陰影

測試:system red color

測試完紀錄起來,之後忘記也可以當作說明書提醒自己,如果有幫助到大家就請給我拍拍手,感謝:)。

--

--

Julia Wang
彼得潘的 Swift iOS / Flutter App 開發教室

Learning Programming , Hiking , Travels , Tour , Exploring nature 『你必須要很努力,才能看起來毫不費力』