Swift-咖啡豆販賣商
Jul 31 · 4 min read
作業目的：學習 UIStepper 和將數字變成畫面上的文字
在構思主題內容時，原想以賣菸來呼應一下時事，不過還是決定以每日不可或缺的販賣咖啡豆來當作業的主軸，線上便宜的熟豆商越來越多，待業階段便宜、CP值高變成我的首選，這次圖片來源也是從常去的商店-布昂咖啡”借來”的，有興趣的可以參考連結
回歸重點，此次操作除了參考Peter的網頁外，也參考了一位學姊的作品，她還附GitHub連結，很佛心！
作品操作步驟如下：
Step1. 建立繼承UITableViewController的controller
不得不自首一下，雖然下意識會想做這個步驟，但我仍未真正體認到與不建的差異
Step2. 加入table view並在上方加入廣告
現在的電商平台，在網頁上方都會有橫向捲動的廣告，由於原先網站只看到一張適合的圖片，故未製作橫向的scroll view。
廣告加入的方式是參考以下Peter網頁的方法2.
Step3. 設計cell的內容
重點應該就只有記得將table view的Content改為”Stactic Cells”
其餘就依據自己喜好編排畫面的呈現
原先預計加入背景，但實在太醜就放棄了，做法可參考以下網頁
Step4. 程式編寫
最麻煩的應該是變數的命名
為了呈現運費差異，除了顯示總計外，也顯示了運費，當購買金額超過600則會扣除運費60元。
在函式中的if else多了一關確認金額是否為零，原先只單單判斷是否大於600時，在一陣挑選又取消後運費欄位回一直顯示成60而非0，故增加一些條件讓整體顯示較合理
// 原先
if sum > 600 {totalPrice.text = String(sum - shippingCost)shipping.text = "0"}else {totalPrice.text = String(sum)shipping.text = "\(shippingCost)"
}// 後來
if sum > 600 && sum != 0{totalPrice.text = String(sum - shippingCost)shipping.text = "0"}else if sum < 600 && sum != 0 {totalPrice.text = String(sum)shipping.text = "\(shippingCost)"}else if sum == 0 {shipping.text = "0"totalPrice.text = "0"}
最後成品
小心得：
- 上堂進度講Auto layout，原先想加入進去，但發現搞了很久不少問題！最後放棄！得花時間再複習一次！
- 先前學的東西由於沒反覆操作複習就都還給Peter了，慘！
附上成品的GitHub連結！
