iT邦幫忙

2021 iThome 鐵人賽

DAY 3
0
Mobile Development

轉職App開發打怪雜記系列 第 3

Label元件字串太長時的解法

  • 分享至 

  • xImage
  •  

緣由:

app菜鳥開發者首先被分配到的就是畫面佈局的部分,想說拉拉元件,設定限制條件,不讓畫面跑版就行,偏偏還是有一些小小突發狀況,但也還算是簡單,就是UILabel上字串太長時該怎麼讓他顯示完整呢?

解決方法:

當使用寬度相同的Label 且需要顯示的字串有長有短時:
狀況一
UI/UX表示,為求畫面舒適整齊,希望字體size要一樣,且字數刪減後仍超出顯
示範圍。
此時的我們妥協了元件寬度不變、字數不能減、大小不能改,就不能再妥協於元件高度不變了,所以我們只能選擇換行顯示

	   @IBOutlet weak var testLabel: UILabel!
	   testLabel.numberOfLines = 0 (調整行距為0)

狀況二
UI/UX表示希望元件長度和寬度不變,但字體size可以不一樣
這時就可以選擇自適應元件寬度的屬性,簡單來說我的Label有多寬,在不換行的前提下,我的字大小就調整到多小,但這個時候可能會出現字體真的過小的情況(跟UI/UX或客戶討論看能不能刪字或換行)

	 @IBOutlet weak var testLabel: UILabel!
	 testLabel.adjustsFontSizeToFitWidth = true

至於調整的Code 要顯示在Life-Cycle的哪個階段,則要視情況做調整。


上一篇
如何使用指令升級專案第三方套件
下一篇
佔位符文字太多超過顯示範圍
系列文
轉職App開發打怪雜記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言