前言

今天要把昨天試做的 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 還是比一個一個拉按鈕來的有用多了。