#32 文字的縮放和字數 — UISlider & UITextField 的練習

練習透過UISlider來縮放UITextField的字型大小

首先先將UITextField與UISlider元件拉好,用StackView完成佈局與約束條件設置

StackView佈局與各物件的約束條件

接著設定UISlider的最小值,中間值與最大值,配置好兩端的圖示

UISlider設置

接著來拉IBOutlet,IBAction,分別對應UITextField與UISlider,Outlet的名稱用名詞+物件類別名,Action名則是用動詞

拉IBOutlet與IBAction

最後是在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) // 變更字型大小
}

成果展示

--

--