iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 14
0

前言

今天來實做一個 Tag Bar,

1.建立 Single View App 專案

2.從拖曳一個 Tab Bar Controller

從元件庫拖拉一個 Tab Bar Controller 到 Main.storyboard 上,並設定為 initial View Controller

3.為 Tab Bar Controller 新增一個標籤頁

Tab Bar Controller 本身就附帶兩個標籤頁,大家可視需求保留或刪除,我們這邊除了保留附帶的兩個標籤頁,還要把原本創建專案時附帶的 View Controller 也加入標籤頁,做法就是從 Tab Bar Controller 上按右鍵拖曳藍線到 View Controller ,然後選擇「view controllers」

4.變更標籤頁的圖式與文字

點選要變更的那頁標籤頁的下方工具列,然後右側的屬性面板就可以更改圖示與文字

5. 確認使用者切換標籤頁

新增一個繼承 UITabBarController 的自訂類別(範例命名為 TabBarController.swift),並在 Main.storyboard 裡將 Tab Bar Controller 的對應類別選為剛剛新建立的自訂類別

6.開啟 TabBarController.swift

覆寫tabBarController(_:didSelect:)函數

    func tabBarController(_ tabBarController: UITabBarController, didSelect viewController: UIViewController) {
        if viewController == viewControllers?[0] {
            print("first page")
        }
        
        else if viewController == viewControllers?[1] {
            print("second page")    
        }
    
    }

後記

接著想嘗試把標籤頁第一頁當成購物清單,第二頁當成購物車,讓使用者在第一頁選擇要購買的東西、數量,接著顯示在第二頁的購物車裡,可是目前我還找不到傳值得方法,明天再接再厲!!


上一篇
Day13 - popover 教學
下一篇
Day15 - 臨時儲存 (UserDefaults)
系列文
無中生有-從SWIFT語法學習到iOS APP的開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言