小費計算App
Published in
4 min readNov 15, 2016
先把@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()
就大功告成了