#11 瘋狂購物 App — 買到剁手手的周年慶
SKECHERS
Published in
5 min readSep 20, 2019
又到了一年一度最恐怖的百貨週年慶,一時間會覺得週年慶期間,全台中的人都跑到百貨公司去了 XDDDD
腦波弱弱的說,哥也去了週年慶……..
由於滿愛SKECHERS的跑鞋,因此這次的練習,就使用這個題材。
練習題目
主要是關於UIStepper的相關練習
成品圖
由左到右為Tab中的三個區塊,分別為首頁,航海王聯名女鞋,男跑鞋
練習過程說明
1. 首先拉了一個ViewController與兩個TableViewController並與Tab Bar Controller連結,也加上了Navigation Controller
2. 接者整理Table中的基本圖片與UI,並加上一個View區塊放到底部,作為放置總價格使用
本作業只做練習使用,所有圖片版權皆屬於原網站所有
3. 由於本次瘋狂購物有兩個不同的頁面,因此建立一個全域變數以及相關資料Model來儲存資料,全域變數請參考ref4
4. 由於不想建立太多變數,Outlet 使用Collection指向同一個變數
5. 加入首頁圖片輪播功能 (參考ref5)
6. 最後再把代碼重構整理一下,相關方法移動到共用的類,完成
其實如果不使用3. 的方式,也可以在類別中加上property來作為傳遞變數的方式,由於全域變數沒練習過,因此本次採用此方式
程式碼
簡易說明
- shoesDictionary 存放鞋子的數量與價格
- calculate() 計算總價
- getMoney()取得格式化後的帶金錢符號的數字字串
- getShoesIndex()用來更新shoesLabel取得索引使用
本次所使用的Shoes類別如下
GitHub
Reference
在tab中傳遞數值,使用全域變數
圖片輪播功能