iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 26
1

前言

今天要把昨天試做的 collectionview 鑲入 tableview,實作到我的飲料訂購App。
過程中是沒什麼阻礙拉,但是我有加入 navigation controller,讓使用者按下 save後,自動跳轉到購物車頁面,重點是 tab bar 還在喔~~

1. 加入 Navigation Controller

非常簡單,點選你要加入的 view controller(我的範例裡是 drinkViewController),接著在上方工具列 Editor >> Embed In >> Navigation Controller,就可以快速加入了

storyboard 記得把 save button 用 segue 連結到購物車頁面。
當然,傳值的方式也要改用 segue傳值,忘記的人記得去翻前幾天的文章。Day20 - 儲存訂單 (segue傳值)

2. 加入含有 collection view 的 table view cell

我不想多做敘述,我只把我判斷哪個 collection view item 被點選後判斷式拿來給大家參考,加入的方法請參考昨天的範例
哪個儲存格被選取

    func selectedCollectionItem(index: Int, menuTitle: String) {
        menuLabel.text = menuTitle
        removeIndex = index
        removeTitle = menuTitle
        switch index {
        case 0:
            teaList = ["茉莉綠茶": 0, "阿薩姆紅茶": 0, "四季春茶": 0, "黃金烏龍": 0, "波霸綠/紅": 0, "微檸檬 紅/青": 0, "檸檬 綠/青": 0, "梅果綠": 0, "8冰綠": 0, "多多綠": 0, "冰淇淋紅茶": 0, "旺來紅": 0, "鮮柚綠": 0 ]
        case 1:
            teaList = ["奶茶": 0, "奶綠": 0, "烏龍奶": 0, "珍珠奶茶(小顆)": 0, "珍珠奶綠(小顆)": 0, "波霸奶茶(大顆)": 0, "波霸奶綠(大顆)": 0, "冰淇淋奶茶": 0, "紅茶瑪奇朵": 0, "阿華田": 0]
        case 2:
            teaList = ["紅茶拿鐵": 0, "珍珠紅茶拿鐵": 0, "波霸紅茶拿鐵": 0, "冰淇淋紅茶拿鐵": 0, "阿華田拿鐵": 0]
        case 3:
            teaList = ["檸檬汁": 0, "鳳梨汁": 0, "葡萄柚汁": 0, "金桔檸檬": 0, "檸檬梅子": 0, "檸檬多多": 0, "葡萄柚多多": 0, "8冰茶": 0]
        default: return
        }
        teaName = []
        Count = []
        teaTableView.reloadData()
        
    }

完成,效果如下

後記

因為 collection view 的 item 不夠多,所以在效果圖裡面沒辦法看見他移動的樣子,但是萬一使用者的螢幕大小變小,就可以看出效果了。所以用 collection view 還是比一個一個拉按鈕來的有用多了。


上一篇
哪個儲存格被選取
下一篇
Day27 - 更改被點選儲存格的顏色
系列文
無中生有-從SWIFT語法學習到iOS APP的開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
陳董 Don
iT邦新手 5 級 ‧ 2018-01-14 19:31:07

是時候一起定飲料了

soj iT邦新手 4 級 ‧ 2018-01-15 11:35:53 檢舉

一直都有喔,我的App太爛,不適用所有飲料店...

等不及開訂了

我要留言

立即登入留言