ContainerView 紀錄

目錄

⦿ Container View 是？

⦿ 範例一

⦿ 範例二

⦿ GPT簡述

⦿ 其他參考

Contain View是？

紀錄ContainerView是個怎樣的東西，因為有被分享到某個功能可以用ContainerView來做，因為之前沒什麼用到，不是很熟悉，所以今天找了個範例來練習

小結：ContainView可以理解是在HomeVC畫面下塞入VC1與VC2，然後個別做互動，當我們想要在HomeVC下做兩套不同的畫面呈現可以參考使用

document參考圖：

https://developer.apple.com/documentation/uikit/view_controllers/creating_a_custom_container_view_controller

document參考主要

https://developer.apple.com/documentation/uikit/view_controllers/creating_a_custom_container_view_controller

範例一

Programmatic 步驟

1. 主VC下建立次VC實體
2. addChild 把次VC加入Container
3. view.addSubview
4. didMove 通知子視圖控制器已添加到父視圖
5. 設定AutoLayout

Storyboard 步驟

1. 把Container View 拉進 Storyboard，他會自動生成一個小畫面VC
2. 設定小畫面VC是什麼class名
3. 設定小畫面VC Storyboard Embed Segue 的 identifier
4. 在 override func prepare這邊辨別segue，並轉型成該VC，並賦予傳值或做變動

File

Storyboard

參考連結1：https://www.youtube.com/watch?v=B5-1_aR20rE

DemoCode：https://github.com/bobyin22/ChildViewController/blob/main/README.md

範例二

File

Storyboard

參考連結2：https://www.youtube.com/watch?v=tcdEjazeYtY

DemoCode：https://github.com/bobyin22/ContainerDemo/tree/main

GPT簡述

其他參考：

YT: https://www.youtube.com/watch?v=UhraH7mlONE

Doc:

UIKit /View controllers/ Creating a custom container view controller

Creating a custom container view controller | Apple Developer Documentation

UIKit /View controllers/ UIPresentationController/ containerView

containerView | Apple Developer Documentation

UIKit /Animation and haptics/ View controller transitions/ UIViewControllerContextTransitioning /containerView

containerView | Apple Developer Documentation

UIKit/ Animation and haptics /View controller transitions/ UIViewControllerTransitionCoordinatorContext/ containerView

containerView | Apple Developer Documentation

View Controller Programming Guide for iOS

https://developer.apple.com/library/archive/featuredarticles/ViewControllerPGforiPhoneOS/ImplementingaContainerViewController.html

繼續閱讀｜⦿ 回目錄