iOS Dev 41: UICollectionView Compositional Layout Explained | Swift 5, XCode 13
Вставка
- Опубліковано 2 сер 2024
- Today, we learn how to build a staggered/complex layout using UICollectionViewCompositionalLayout.
Resources:
Image Assets: drive.google.com/file/d/1DllS...
Complete Project: github.com/EMacco/ios-tutoria...
Say Hi on Social Media:
LinkedIn: /
Instagram: its_macco?...
Twitter: / its_macco
If you feel like buying me a coffee :)
www.buymeacoffee.com/emmanuel...
Video Content
Introduction 00:00
Project Setup 01: 23
Basic Compositional Layout 10:09
Add spacing to cells 21:50
Create Helper Methods 23:11
Create Staggered Layout 35:44
More complex layout 44:15
Recap 56:26
Up Next 58:03 - Наука та технологія
Buddy, thank you so much. This is the best material on Compositional layout !
A video on CollectionView Diffable Data Source as well. And then a video with a combination of Compositional Layout and Diffable Data Source in a single collection view
Diffable data source is actually on my list.
Video coming soon 😊
Excellent tutorial, loved every bit of it.
Felt like I was back in school, LOL.
Now I see Compositional Possibilities🚀🚀🚀🚀🚀🚀
“Compositional Possibilities” that’s a good one 😅
great explanation. thank you!
Very easy to understand, thank you so much
Great Job! Thanks!
This is first video of your channel, and i fall in love with your channel. such powerfull content and amazing explanation. thanks dude.😃
Thanks, Chandan
I appreciate the kind words 😊
Thank you so much for your videos! You explain very very well))
Thank you so much! It was much easier to understand with you explanation 🙏
I’m happy to hear it 😊
Thank you so much!
thank you man)
sir, I love your teaching ❤
hope all time you upload new video with new thing for us 😍
Thank you so much sir for give us your valuable time💕
Thank you so much for the kind words 😊
Hey thanks for the video. Why you create your helper as a struct not a class?
Love from , India . Thanks bro .
✊🇮🇳
Nice bro, good luck
Thanks, bro 😊
Hi Emmanuel,
Now the function of NSCollectionLayoutGroup:
open class func horizontal(layoutSize: NSCollectionLayoutSize, subitem: NSCollectionLayoutItem, count: Int) -> Self
is deprecated.
And the new function
open class func horizontal(layoutSize: NSCollectionLayoutSize, repeatingSubitem subitem: NSCollectionLayoutItem, count: Int) -> Self
Doesn't yield the output as shown in the video. Can you replace your func and see the behaviour. Its totally different now.
I think as per new func its our responsibility to adjust the layout size of item and feed the item in group. In your case to have count = 2 horizontally, we need to set the layout size width with fraction as 0.5 in NSCollectionLayoutItem.
why the change of alignment doesn't change scroll
Great tutorial, thanks for that !
Question - If I fetch more images (like infinite scrolling) - do I need to call to createLayout again? or layoutIfNeeded?
No. You create the layout one time and as your data changes, the list will be updated to follow the layout.
Sir how do you know what item is selected when creating multiple items wrapped in different groups ?
You’ll use the collectionview’s didSelectItemAt delegate method which will give you the index of the selected item.
it would be nice if you put the result of the work you're going to do before the work itself (when editing video) instead of showing it with fingers. It's just about what you can do better, anyway nice video, thanks very much!
It would be good, if you did a video about what a junior iOS devs should know)
That’s a good one. I’ll add to my list
magic is forbidden outside Hogwarts!
Is this a reference to Harry Potter? 😅
@@EmmanuelOkwara Yes) This looks awesome, probably illegal)))