How to Use Child ViewControllers (Container Views) in Swift - Programmatic & Storyboard

[@seanallen]

Watch Next - iOS Take Home Project - Job Interview Practice - Free Preview - kzbin.info/www/bejne/g4SslmWva6uYm5o

[@danluba]

I always look for Sean Allen videos first whenever I need those sweet iOS tips.

[@seanallen]

Happy to help, Dan!

[@KailashAnand06]

I know right! Haha, the first video I think I saw from him was mapkit

[@lukeroberts3235]

Was always worried about child view controllers. Didn’t realise how easy they were! Will definitely use these for my next project. Thanks Sean :)

[@seanallen]

Now you know 😀

[@natelehoux7604]

You just clarified both container views and segues for me in under ten minutes. Awesome!

[@seanallen]

Happy to help, Nate!

[@dimiutube]

Very clear and easy to understand! Thanks for showing both ways of adding child viewcontrollers as I will need the programmatic way!

[@seanallen]

Glad it was helpful!

[@patchinator6]

You're the man, Sean! Thanks for this

[@seanallen]

My pleasure!

[@ozgurshow]

clearly see how you enjoying to teach coding. Thanks Sean.

[@seanallen]

Thanks for the kinds words, Eric.

[@theafzalansari01]

Was searching this topic for next project and here Sean Make a video of it thanx Sean.

[@seanallen]

Haha, good timing!

[@OnionKnight541]

if the viewer listens to the details that are tucked into this video, they'll learn like 1-full-year of Swift programming. the completeness of concepts is appreciated. almost like Sean is reading my mind (and the questions in my mind).

[@seanallen]

Thanks for the kind words, Anthony!

[@Alana9374]

Thanks soooo much for sharing CLEARLY unlike a lot of others before you.

[@seanallen]

Thanks for the kind words, Rob!

[@_modiX]

You should include "Embedded Segues" into the title, because I wasn't aware those are only Child ViewControllers, but your video helped a lot, thank you. And a much bigger thanks for showing how to do it in code, this is what I needed.

[@iliana_b]

excellent video. short and sweet! keep it coming Sean!

[@seanallen]

Thanks Illiana!

[@JunaidKhan-ny8tu]

What a coincidence!!! I was searching for this topic since last night :) thanks for such awesome content

[@seanallen]

I knew you're looking for it. That's why I made it.

[@JunaidKhan-ny8tu]

Sean Allen haha thanks super man 😍😍❤️

[@mracipayam]

Sean was listening your phooonnee and looking for content :D

[@JasonMitchellAZ]

Great job covering both storyboard and programmatically in one video, Sean

[@seanallen]

Thanks Jason!

[@rrakesh05]

very nice to see ChildViewController

[@kolyalibak725]

Wow! Great video, thank you Maybe you could help me, how can I make this slide-up card (from first example)? Thank you)

[@johnryles65]

Segue enum is brilliant!

[@seanallen]

Thanks John!

[@RussellSivalingam]

Sean, as usual, another brilliant tutorial. that Segues enum.. brilliant!!

[@seanallen]

Glad you liked it, Russell!

[@siddharthtiwari6292]

Thanks for this amazing tutorial

[@seanallen]

You're very welcome!

[@negar3950]

Great video! I really enjoy the way you code! very neat :)

[@seanallen]

Thanks Negar. Happy to hear it 😀

[@AntonBrock]

I just search best practices for pass data between two or more Vc and I fined it! Ty for video! But I want to know how to do something like your first view ( with graph) if you have video about it pls link it! Ty!

[@seanallen]

Glad you liked the video! For that chart I used a 3rd party library called "Charts". If you google "iOS Charts library" it should pop up.

[@AntonBrock]

@@seanallen Ty! It's help me

[@njrom]

I had no idea that this existed, but man I need this so bad in my app. Thank you

[@seanallen]

Happy to help you discover this 😀

[@darrengillman4001]

Nice concise explanation. What vid was the explanation of static properties on (and more importantly does it cover the when/why, as well as the how)?

[@seanallen]

It was 4 or 5 videos ago. But here's the link: kzbin.info/www/bejne/qWOoZpuMrbZ0kLM

[@seanallen]

And yes, I give real examples of when to use it.

[@gakkieNL]

As always a great watch! Thanks and cheers!

[@seanallen]

Thanks Gakkie!

[@marvinabarca6200]

@seanallen can you show another example of how to pass values to a child view container? for example I have a slider in main view and a label in a container view and I want to display the slider value in label that is in container view but the slider is in main view.

[@pradeepkumar-tm5et]

Hi Sean hope you are doing good. Could you please tell me the api response format how that need to be in order to the data in charts.

[@rubenvasquez4095]

Hi, do you have a video on how to make floating panels? :)

[@mohammadsayed5645]

You are doing a great job. Keep it up

[@seanallen]

Thanks Mohammad!

[@manuhh9340]

Thank you Sean! Nice tutorial!! By the way, what chart library are you using?

[@seanallen]

It's a library called "Charts". Google "iOS Charts" and the repo should pop up

[@manuhh9340]

@@seanallen Thanks man! I'm using the same one, but your chart looks way cooler :D

[@jamesb1664]

Can someone tell me the name of the slide up card (that only covers half the screen) at the start of the video? Twitter and instagram have recently implemented the same thing.

[@anuroopkanayil5724]

JB - i am also looking for the bottom slide up card.

[@jamesb1664]

Anuroop Kanayil twitter.com/lukew/status/1016388934933217282?s=21

[@jamesb1664]

Anuroop Kanayil you may find this thread interesting

[@anuroopkanayil5724]

Thanks 👌🏻

[@jamesb1664]

Anuroop Kanayil I ended up using the framework Material.io and using their version of a bottom sheet - it works very well

[@synagridas13]

Excellent explanation as always. 1 question: when & why to use child View Controller, instead of just a subview(Ie a child UIView) ? Thank you 🙏

[@seanallen]

John Sundell explains that very well at the bottom of his article here. I'm too lazy to type it all out, lol: www.swiftbysundell.com/basics/child-view-controllers/

[@synagridas13]

Great - thank you! Will read it :)

[@RatherBeCancelledThanHandled]

Is the slide up controller a card view controller ? Any videos you’d be able to recommenced on it ? Thanks for sharing this vid ; helpful.

[@seanallen]

In this case, it's just a view.

[@Neil_Bergenroth_Rowing_Coach]

Great video. Two questions 1) what charting library do you use in the first app shown? 2) how do you record your videos? I like that you are in the front with the background the desktop.

[@seanallen]

Thanks Neil. It's a library called "charts". If you google iOS Chart library, it should be one of the first results. I record my face with a regular camera (with a greenscreen), my voice with a Blue Yeti mic and QuickTime, and I record my screen with QuickTime. Then I edit it all together in Final Cut Pro.

[@Neil_Bergenroth_Rowing_Coach]

Sean Allen thanks for your reply. Much appreciated, I’ll follow your channel now.

[@seanallen]

Thanks for the support 😀

[@emiliop5849]

Great video Sean. I have a question, in your introduction you show an app where a child view appear from the bottom, you created that effect changing the bottom constraint value while tapping the child view?

[@jpcncaralho]

Yes. Thank you for the video but when I see an example in the first part of the video, I would like to see the very same example in the tutorial. I wanted the slide up function, but I spent 10 minutes and there was no explanation about this. Waste of time. You make great videos, but pay attention to this, please...

Helpful as always, thanks!

[@seanallen]

Happy to help!

[@ajinkyasonar]

Hey Sean, how can we make the container view dynamic. In this video you have provided an height constraint but what if we need it’s height should be based on the child view controllers content size?

[@glen6638]

Just add constraints between child vc’ view and it’s sub views in child view controller ,and make sure there are enough constraints in vertical orientation

[@omarmhaimdat]

Always great content, keep up buddy!

[@seanallen]

Thanks Omar!

[@Hmmmmaahhhh]

Great video! Question: when/where was the secondChildVC set to green (initially)? Thanks!

[@JakeDev901]

Cool! So helpful, thanks

[@ZhouHaibo]

Thanks. But should we create a UIView as container view and add that childVC into this UIView? As two steps, I see a lot of examples add container view like this. What is different with adding childVC as containerView directly?

[@TheFirzoknadeem1]

How did you make that sliding window in your app? Do you have a tutorial on that? I've been trying to make a sliding view on a map view but it is not working for me. The sliding view completely covers the whole map view.

[@smarter2610]

Sean do you use or did you use RxSwift? Is it necessarry for junior ios ?? To be honest for me it is really hard to learn it and probably I will resign of it and focus more on basics like mvvm.

[@seanallen]

I've never used it before. But it's not uncommon.

[@azhmanadam7311]

Hey Sean thanks for this video. I was wonder if it's possible that you somehow upload the codes?(for all your tuts from now on...)

[@geoffbaker2554]

Great video, thank you. Sean I am struggling with a container view that is embedded and always visible on a macOS app. I can’t pass and display data because it doesn’t ‘load’ again as it’s always visible. Any thoughts or videos that may help?

[@seanallen]

I've never built a macOS app, so I'm not sure I can be of help here. My apologies.

[@xMhnd]

Great work Sean! This was much simpler than what i expected. Was the slide chart made by you or a3rd party library?

[@seanallen]

The card was made by me, the chart is a 3rd party library called "charts"

[@FatmaMohamed-mm6zo]

@@seanallen hello, how did you implement the card with that style ?

[@Денис-ж3ф5р]

good stuff man.

[@smarter2610]

If you wanna have clean architecture where to store such enum like "Segues"? What folder or so?

[@StateMachineJunkie]

What is the advantage of using enum Segues { ... } versus struct Segues { ... } ?

[@seanallen]

It's a minimal difference... and enum can be better because if it's a struct you could initialize an empty one and have a random object out there. Doing something like Colors() will initialize an empty struct. You can't do that with an enum. So an enum is a little better for safety reasons in that example.

[@roman3249]

Segues() not Colors(). Colors() is from another video))))​

[@umeshdavera5221]

Great video! please do tutorial on switching between multiple/different UIViewControllers within single containerView. thanks in advance!

[@jameskayihura1675]

Sean, Thanks a lot. That's brilliant...

[@seanallen]

Glad it helped!

[@jmlp1327]

Thanks a lot 🤗🤗🤗

[@seanallen]

Happy to help!

[@w0mblemania]

Good tutorial, Sean. Thanks! Question: your charts look very good. Which charting framework are you using? Or Macaw, or rolling your own?

[@seanallen]

This one was built using "Charts". Google iOS Charts, and you should find the repo. It was built before I heard of Macaw.

[@w0mblemania]

@@seanallen Thanks Sean.

[@BubbleBassBackShots]

A question Sean (several actually ): Let's say i were to attach a button to initiate a segue from one view controller to another and wanted to pass data as well. If i were to use the override function "prepare", how would it work ? Would the override function execute independently of the button (like you said in the vid), or will it execute after the button is pressed to move to the other view controller. Does the button only act as the "presenter" for the next view controller ? Does the override function keeps on getting called whenever data is changed on the sending view controller?

[@mracipayam]

its very clear

[@seanallen]

Glad it was helpful!

[@andybevis1386]

Hi Sean, good video , nice and straightforward. However, when I load a VC as a child, if that Child VC then programmatically changes the text in a label , I get a found nil while unwrapping an optional. The label is declared as an IBOutlet in the code. Hoping you can help.

[@erickramones2167]

do you think it is best to have segues in a different file?

[@majdifelah]

Hello Sean please how to do the bottom menu card

[@seanallen]

coming soon

[@acmcj]

@@seanallen Did you ever end up doing this tutorial?

[@manikanthag1066]

Hi . It is good .please share how to add child view as hamburger menu as coustmized viewcontroller

[@CodeWithDevZain]

in your actual application how you managed swipe gestures on child view?

[@gekoskipatric]

How do you re-use child view controller in a different parent view controller?

[@AliAljoubory]

Always great timing with your videos man. Been using childVc's on a project at work through Storyboards, but the 1 thing I was stuck on was being able to control when the childVc was initialised through the segue. It seems that the segue is always performed at viewDidLoad in the parentVc, no matter where else I tried calling performSegue. I basically wanted to initialise the view after making an API call on the parentVc, but that never could work out. Is there an actual way to control when the childVc is created or will that always be when the parentVc loads? Thanks for the video again man.

[@eric9964]

Late response, but did you try using childvc’s programmatically? That way you’re able to determine when exactly they are created.

[@alexanderwald2046]

@Sean Allen I did it exactly like you in code, and now my child view controllers do not receive any touch events. what could be wrong? child VCs are instantiated from .xibs, but added programmatically

[@DimitrisTheo]

Nice Sean 🤙🏻

[@seanallen]

Glad you liked it!

[@DimitrisTheo]

Sean Allen Doing both is way better for understanding

[@seanallen]

I agree. Sometimes doing both in the same video can be too long tho. This time it was quick.

[@brandonb6175]

Hey Sean, any SDK recommendations for charting, great video btw!

[@katerinasmoliy2651]

So dope!! :)

[@willasaskara]

so, when we use self.addChild or self.present?

[@scottwang293]

Hey Shawn, is it possible to add constraints to secondChildVC? Suppose it has to display some text inside. Every time I try to add a constraint within secondChildVC, xcode yells at em that it cant satisfy all constraints.

[@TheAhmadReza]

Where should we setup child view subviews!? (within ViewController or SecondChildVC)

[@brunoandrade8492]

How can I make these dashed lines connecting the meteors/planets using SpriteKit?

[@seanallen]

In the case of this app... it’s an image. However you could draw a UIBezierPath with a gradient full I guess.

[@Monarch_943]

Hey Al, I'm trying to create an app with a navigation drawer, basically one parent viewController that has the drawer and handles switching view controllers in the container view. Is this a good approach?

[@guruitcompany]

Wow! 🤔👍👍Thanks!

[@seanallen]

Glad you liked it!

[@kelvinfok]

Hi buddy, great tutorial. Will be good if the text is bigger cus I’m viewing from mobile :)

[@seanallen]

Thanks for the feedback. I'll keep it in mind. It's already really big on my screen. Much bigger and the line wrapping on all the code will start to look really bad.

[@baralr-jay7729]

Thanks broooooooo

[@seanallen]

Happy to help!

[@thejask2765]

can we have some flutter videos. How to do iOS apps/ widgets in flutter?

[@tak68tak]

Cool!

[@afeefsohail4869]

Please any one can tell me how to create expandable ViewController on parent ViewController like he showed chart ViewController on parent ViewController in start of the video.

[@josephbryant1917]

Can someone help me to change my Xcode color to red as seen in this video?

[@seanallen]

It's in your General Mac settings, not Xcode. You can choose your accent color.

[@josephbryant1917]

@@seanallen Thank you so much. I thought it was an Xcode specific setting.

[@esc4p3EP]

Terbaik lah botak!

[@TranHoang-up9mb]

We use container view to avoid “massive view controller”, right ?

[@perfecttime949]

So child view controllers cant share a class with the main view controller.

[@vamsi3877]

When to remove child ?

[@freeme6111]

when it's 18 yrs old

[@vamsi3877]

@@freeme6111 😁

[@saj5935]

@@freeme6111 😂

[@fernandoluis53]

You didn't show how to do the reverse. Get data from child to parent.

[@taylermoosa]

So I'm taking someone's iOS Dev course (seanallen.teachable.com/) and the instructor over there sets his constraints with an array to avoid manually tacking on the isActive at the end of each. Any benefit to the more manual way shown here or is it really just down to preference?

[@seanallen]

This video using .isActive = true was before I knew that using the array for NSLayoutConstraints.activate is more efficient.

[@taylermoosa]

@@seanallen Gotcha. It's helpful to see not only the various ways you can accomplish the same task but also to see how your preferences change through these videos and in your course. It points to the fact that while optimization is important, what's MORE important is using the tools you have to solve the problem to yield the desired result. Love the videos on KZbin for these one-off topics, but your course (65% through so far) is incredibly thorough, provides the 'why' behind a lot of stuff 'cut and paste coders' know to do but can't explain why, and definitely worthwhile for anyone interested in the field.

[@seanallen]

Thanks for the kind words on the course. Hopefully, as an engineer, you're constantly evolving and improving so your thoughts on certain topics and implementations will change over time.

[@Денис-ж3ф5р]

Who are those people using storyboards

[@sova_oleksandr]

8:55 - Ukraine 🇺🇦

[@Денис-ж3ф5р]

the more I learn, the more I realize I know nothing, period

[@k3mp3r111]

God bless Ukraine 🇺🇦 (VC at the end of video lol)

[@k3mp3r111]

"And there we go"

[@djryanashton]

I like your videos but this doesn't really match with the modal presentation example in the beginning. I'm wanting to present a 2nd VC modally with a few custom settings (such as the MainVC not shrinking in size) and also present only a 1/4 way up the screen. I'm sure you have a video that I could learn from ;) I found this (kzbin.info/www/bejne/p5qyfIJuqcZkpJY) which addresses both issues. Thanks Sean.

[@tenminutetokyo2643]

DOOD!

[@ЯрославГрицунь]

maybe coding isn't THAT scary after all...

[@Alexiy25raffasan]

Ukraine