做一個分帳APP

想到每次跟高中朋友出門都讓會計朋友幫忙算大家的費用，這次就做個分帳的app稍微減輕一下她的負擔吧～

學習目標

• 字串與數字之間的類型轉換
• 可以重新計算分帳金額
• 鍵盤收起方式
• optional binding

最終成果

這次的UI參考了網路上的大神做出來的，附上連結：

Split bill Interaction

📍UISlider樣式：

這是研究蠻久slider的樣式，原本想說要改變slider的高度，但發現怎麼改都沒有用，於是找到彼得潘的文章，原來只要用圖片的高度來撐就可以了，當下看到解決方法都要流下淚了。附上教學文上連結：

客製 UIKit 的 UISlider 樣式

📍optional binding：

使用TextField自訂小費的趴數

這次學習的重點之一，在小費自訂趴數的TextField為optional，因此使用if let來判斷，並且TextField為string需要轉換為Int才能使用。

@IBAction func typingPercent(_ sender: UITextField) {
  if let percentText = sender.text {
    // “！”告訴他我一定取得到 
    percent = Int(percentText)!
  } else {
    percent = 0
  }
}

📍button的tag：

這次按鈕的button我都設置了tag直接設定為按鈕對應的數字，而tag的屬性就為Int所以不需要特別做處理。

@IBAction func onClickNumber(_ sender: UIButton) {
  // 按下數字按鈕，更新目前輸入的金額
  let number = sender.tag
  currentNumber = currentNumber * 10 + number
  totalLabel.text = "\(currentNumber)"
  smallTatolLabel.text = "NT$\(currentNumber)"
}

📍鍵盤收起：

這次使用到鍵盤收起有兩個地方，在打分帳標題時，使用到按done就可以收起，以及輸入小費時按空白處可以收起，附上教學文：

UIKit App 按空白處收鍵盤的方法

UITextField 點選 return 鍵收鍵盤的方法

附上github

GitHub - hihiyuru/split-bill