小費計算App

先把@IBOutlet拉一拉

@IBOutlet weak var money: UITextField!  //輸入金額
@IBOutlet weak var tip: UITextField!  //輸入小費
@IBOutlet weak var result: UILabel!  //小費計算結果

再來關於金額跟小費的輸入欄

先設定初始值為0

再將Clear Button的值改成Is always visible

讓輸入框中有ⓧ的清除的功能

最後把Keyboard Type改成Number Pad

讓使用者只能輸入數字,避免造成輸入文字導致程式出錯

計算按鈕的部份

除了加入防止使用者沒有輸入任何數字的檢查機制

if money.text == "" || tip.text == "" {
result.text="ಠ╭╮ಠ"
}
else{
result.text = String(Double(money.text!)! * Double(tip.text!)! / 100)
}

還多加了按下計算按鈕時

收起鍵盤的功能

方法是呼叫resignFirstResponder() 這個函式

@IBAction func calculate(_ sender: UIButton) {
money.resignFirstResponder()
tip.resignFirstResponder()
}
func textFieldShouldReturn(_ textField: UITextField) -> Bool{
money.resignFirstResponder()
tip.resignFirstResponder()
return true
}

另外也上網搜尋了一下

按畫面中任意鍵就能將鍵盤收起的方法

就是加入這兩個函式

func hideKeyboardWhenTappedAround() {
let tap: UITapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(ViewController.dismissKeyboard))
view.addGestureRecognizer(tap)
}
func dismissKeyboard() {
view.endEditing(true)
}

以及在

override func viewDidLoad() {super.viewDidLoad()} 裡面

加入一條

self.hideKeyboardWhenTappedAround()

就大功告成了