Swift 3: Twitter - UIStackView Landscape and Device Sizing Support (Ep 10)

Let's take a look at how we can use UIStackView to properly implement a subview that is flexible enough to support multiple device sizes along with Landscape orientation. To illustrate how we can use this component, I'll build out our row of reply, retweet, like, and direct message buttons using a UIStackView.

After we add our UIStackView to the TweetCell, I'll go over how to handle Landscape orientation in our UICollectionViewController by invalidating the layout of our UICollectionView.

Enjoy.

Basic Training Course

Completed Source Code

Facebook Group

[mirsha]

Brian, thanks for another great video. Have a good one!

[young_vz]

Great episode, love learning something new!

[coreywiley]

Yes! Keep these Twitter tutorials coming!

[sujinchaichanamongkol]

This is really cool stuff!! Thank you for including stackview it is really helpful.

[developerios]

Interesting way of adding buttons to the view and anchor them to the stackview's subviews :)

[sambio]

that's a pleasure to watch your videos

[georgeterme]

Hi Brain! Thank you for your time! Really appreciated, as you would put it. hehe Why do you prefer the buttons outside the stackview and not inside? does it make our life easier somehow? thanks!

[josefsantamaria]

your awesome brian, never forget that=)

[Igor-rruc]

Thanks for cool ui video.
Brian, do you mind to go a little bit forward and to show how to implement funcionality.. cause it looks like we are stacked with ui :P

[트래블스피킹TravelSpeaki]

Thank you for the great video!
I hope to know how to set different constraints for different size of devices such as iPhone6, iPhone7, and iPad.
Thanks

[prasenjitgiri]

Awesome episode Brian, thank you!

Would you please show @, #, Url highlighting and to detect click event on those ? WebView?

[ParthAnand]

hey brian, great content.
could you try to do a linkedin app after this series? That app has some really cool UI features which will teach us a lot.

[joycelu]

Thank you SOOOO much again. This is great, as I was wondering how to use the stack view in the non-storyboard way.
I wonder what's your image size for the buttons? Mine is always blur.

[Vaibhavsingh-cxgg]

hey Brian .i think we don't need separator here, just give minimum no of interitem spacing of 0.7 this will look like same as our separator

[Vyacheslavskiy]

Hi, Brian!
Thank you for another great tutorial and for another reason for discussion. As far as I understood, you created a stack view, add inside 4 views for layout, add stack view on main view and then add 4 buttons on main view anchoring them to container view. And I got a question: why did you not just add 4 buttons inside stack view? It will cost you 4 extra views that would be no longer needed.
P.S. Remember times, when you said that stack views are not so cool :)

[jjpatel]

Hi Brian can you make video on how to create view like apple I watch home screen (round shape app icons with scroll in all x-y directions with zoom and pan gestures ) for iphone. It's challenging thing and i am very curious about how to do that..

[SRX]

Can you make a lesson about optimizing code, making API upload faster? Btw, great lessons on your channel! Keep up the good work!

[aliquewilliams]

UIButton is a UIView so you don't actually need to host them inside container view use in a stack view.

[Fab]

Hi Brian - I was wondering, how do you add an action to the buttons in the stackView, like Retweet ?

[aymenchouirfi]

Hey my friend Brian, I facing an issue with Landscape orientation : when I push a DetailViewController (from MainViewController), then I change device orientation everything is OK ! But when I pop DetailViewController (Back to MainVC) the Layout of MainViewController is not updating ( I tried to post a OnDeviceOrientationChanged notification not working ). Any idea how to deal with this issue please ?