#32 文字的縮放和字數 — UISlider & UITextField 的練習
Published in
Aug 17, 2023
練習透過UISlider來縮放UITextField的字型大小
首先先將UITextField與UISlider元件拉好,用StackView完成佈局與約束條件設置
接著設定UISlider的最小值,中間值與最大值,配置好兩端的圖示
接著來拉IBOutlet,IBAction,分別對應UITextField與UISlider,Outlet的名稱用名詞+物件類別名,Action名則是用動詞
最後是在IBAction中寫一段程式碼,由於Slider傳回的是Float型別,所以要轉型成CGFloat再餵入font屬性。
func updateUI(fontsize: Float) {
fileTextView.font = UIFont(name: "Kailasa", size: 18 + CGFloat(fontsize))
}
@IBAction func changeFontSize(_ sender: UISlider) {
sender.value.round() // 去小數點值
self.fontSize = sender.value
filenameLabel.text = String(fontSize)
updateUI(fontsize: fontSize) // 變更字型大小
}
成果展示