iOS SDK | UILabel 分行設定

一分鐘搞懂 UILabel 分行設定

UILabel 可以說是 UI 設計中經常用到的基本元素，用來在介面中顯示文字，作為使用時的提示或是指引。在做分行設定時，可依下列步驟進行：

依據設計師的版面設計，透過 Attribute Inspector 設定 UILabel 的行數。

如果行數只有 1：

那麼當字串長度超過 UILabel 寬度時，多出來的部分，如果 Autoshrink 有設定將字型縮小 (Minimum Font Size, Minimum Font Scale) ，那字型就會縮小以滿足 UILabel 的寬度。

上：正常 / 中：Minimum Font Scale=0.5 / 下：Minimum Font Size=10

如果沒有設定 Autoshrink (即預設的 Fixed Font Size)，那麼多出來的部分會依據 Truncation 的設定來處理，預設是切掉尾巴 (Truncate Tail) ，以「…」表示，如下圖所示：

上：正常 / 上二：Truncate Tail /上三：Truncate Middle / 上四：Truncate Head

如果行數 ≥ 2：

當字串長度超過 UILabel 寬度時，多出來的部分，會將其往下一行移動，移動方式：如果 Label 顯示的是英文，可以設定 Word Wrap (以單字為單位換行) 或是 Character Wrap (以字母為單位換行)。而因為中文沒有字母的概念，如果是顯示中文，設定 Word Wrap 或是 Character Wrap 的效果都是一樣的，如下圖所示：

上：正常 / 上二：Line=2 with Character Wrap / 上三：Line=2 with Word Wrap / 上四：Line=3