105學年度下學期世新大學資管系「iOS程式設計」第六週 本週教學重點為 1) view controller 載入畫面時的生命週期 2) UINavigationController 操作講解 3) 如何實現頁面切換 4) 頁面切換時如何傳遞資料

1. iOS程式設計 六
李晧
2016/03/31

2. 畫⾯面如何呈現於螢幕
window
view controller
view

3. UIWindow
• APP操作作業的基礎
• 可得知⼿手機⽬目前是直向或橫向
• 沒有外觀，畫⾯面需要由 UIView 實現
• 鍵盤是顯⽰示於獨立的 window 內

4. UIViewController
• 所有的 view controller 的基礎
• 負責畫⾯面的載入
• 將資料寫入畫⾯面元件中
• 與其他的 view controller 交換數值

5. View Life Cycle
init loadView viewDidLoad
viewWillAppear
viewDidAppear
viewWillDisappear
viewDidDisappear
deinit

6. UINavigationController

7. UINavigationController
view controller
navigation bar

8. UINavigationController
• 提供簡易易的換⾴頁⽅方式 (push & pop)
• 可取得換⾴頁所產⽣生的畫⾯面堆疊 (viewControllers)
• 可直接替換畫⾯面堆疊 (setViewControllers)

9. UINavigationBar
• ⼀一個 UINavigationController 只會顯⽰示⼀一個 bar
• 標題⽂文字不在 bar 內，需透過 UINavigationItem
• 但是標題⽂文字的樣式需在 bar 中指定
• 設定時需注意是否需要透明效果

10. UINavigationItem
• 標題⽂文字、按鈕，皆在這設定
• 標題區可改成顯⽰示客製化畫⾯面
• leftBarButtonItem 會把預設回上⼀一⾴頁按鈕覆蓋

11. ⾴頁⾯面切換
• 在 UINavigationController 內可使⽤用
• push 進入下⼀一⾴頁
• pop 返回上⼀一⾴頁
• popToRoot 返回第⼀一⾴頁
• setViewControllers 直接修改畫⾯面堆疊

12. ⾴頁⾯面切換
• 在 UIViewController 內可使⽤用
• present 進入下⼀一⾴頁
• dismiss 返回上⼀一⾴頁
• 可客製過場動畫

13. UIStoryboardSegue
• 在 Storyboard 提供快速換⾴頁的⽅方式
• shouldPerformSegue(withIdentifier: sender: ) 內
可寫判斷式，以決定是否執⾏行行換⾴頁
• 透過 prepare(for: sender: ) 可以在換⾴頁時傳值

14. 順向傳值
• ⽅方向：當前⾴頁⾯面傳值⾄至下⼀一⾴頁
• 下⼀一⾴頁需定義接收參參數的變數
• 需注意傳值時與畫⾯面載入中的關係

15. 逆向傳值
• ⽅方向：當前⾴頁⾯面傳值⾄至前⼀一⾴頁
• 通過代理理者 (delegate) 傳送
• 代理理者在之後的 TableView 章節說明

16. 實作：登入⾴頁
• 帳號、密碼⽂文字與左邊間距40px
• 帳號、密碼輸入框與右邊間距40px；與
左邊的⽂文字間距20px
• ⽂文字與輸入框垂直置中對⿑齊
• 帳號⽂文字與密碼⽂文字上下間距50px
• 帳號⽂文字與畫⾯面上⽅方間距200px
• FB登入按鈕與底部間距100px，⽔水平置中