Applet Orchard

UICollectionView with Swift: Build Carousel Like Home Screen – iOS Development Tutorial Pt 1

[ad_1]
DOWNLOAD RESOURCES:

iOS Development Tutorial – Build Interactive and Social Networking Apps with Parse

Hey everyone,

It’s Duc. Welcome to the first sample chapter from Build Interactive Social Networking Apps Course. I designed this course to help developers design, prototype, and build interactive apps with social networking apps. I also hope that from the learning experience and hands-on challenges in this course, my students will go out there developing their apps with great care for design in mind.

I do hope that this course can attract a large amount of designers and push them to try out developing their own apps from their wonderful ideas and prototypes and designs.

The course will focus on four main goals by accomplishing two fully functional apps:

— Teach you to design UI in Sketch 3. I’m not a professional designer but if you look at the project and after watching and practicing with this video, I hope that you find Sketch incredibly easy to use.

— Prototype any app ideas (with Flinto in this course). Never go straight ahead spending weeks developing your apps right away. “Fake it til you make it!”. Have a prototype.

— Implement interactive features (things like customized transitions, animation, carousel home screen, stretchy headers…). Create social networking features for your apps.

— Finally, hands-on challenges. I want you to own this course and own the two projects in this course. I will walk every step along the way with you but the only way you learn anything new and make it stick with you is to do it yourself.

Posted

in

by

appletorchard

Tags:

Comments

37 responses to “UICollectionView with Swift: Build Carousel Like Home Screen – iOS Development Tutorial Pt 1”

  1. Ramesh Indran Avatar
    Ramesh Indran

    It's beautiful

    Reply
  2. Mehmetcan Yavrucuk Avatar
    Mehmetcan Yavrucuk

    the link is broken 🙁

    Reply
  3. Angie Barreda Avatar
    Angie Barreda

    the link is broken

    Reply
  4. Vinicius Gibran Gehlen Avatar
    Vinicius Gibran Gehlen

    Download resources is unavailable.. Thanks!

    Reply
  5. Anoosh Khalid Avatar
    Anoosh Khalid

    couldn't find the source files could you please update the link

    Reply
  6. HaSeeB MiR Avatar
    HaSeeB MiR

    Resoursces link not working

    Reply
  7. laptopeadie Avatar
    laptopeadie

    Really helpful video – a big thank you 🙂

    Reply
  8. laptopeadie Avatar
    laptopeadie

    self.automaticallyAdjustsScrollViewInsets = false

    needs to be added to HomeViewController viewDidLoad()
    otherwise you will get strange issues when you add extra items such as an extra collectionview to HomeViewController.
    http://stackoverflow.com/questions/19411442/uicollectionview-adds-top-margin

    cost me at least 3 hours of my time – of course with just one collectionview might not happen

    Reply
  9. Wenlong Yu Avatar
    Wenlong Yu

    Following your tutorial I was able to build a similar UICollectionView. However, when it comes to different devices, some of the items inside the collectionViewCell are left out of the screen (when using a smaller sized device such as iphone 5 or 4). I wonder if you have any solution for this to be adaptable to different device sizes. Thank you !

    Reply
  10. Ehsan Ellahi Avatar
    Ehsan Ellahi

    Why we have to download resources for every tutorial, can't you make a tutorial that how can we make it programmatically!

    Reply
  11. Jayven Avatar
    Jayven

    how to do this with paging enabled? My collectionview cells stop at all the wrong places except for the initial and last cell.

    Reply
  12. KidsPlayGames Avatar
    KidsPlayGames

    your resource and website are not working :0

    Reply
  13. Davi Kurtpool Avatar
    Davi Kurtpool

    Man you're great I've done it step by step, however something is missing on my side. I guess it something to do with "dequeueReusableCellWithReuseIdentifier" in Swift 3. I took the private off from that Struct Storyboard and did other modifications to see if I could Debug it, I didn't; succeed …. The erros go from "Use of unresolved identifier 'Storyboard' to "Value of Type ViewController has no member…" Any help?

    Reply
  14. Minh Nguyen Avatar
    Minh Nguyen

    thank you !!!
    good tutorial

    Reply
  15. Von Ralph Dane Marquez Herbuela Avatar
    Von Ralph Dane Marquez Herbuela

    Nice tutorial Duc! How to add view when you click each image? Thanks!

    Reply
  16. Wenlong Yu Avatar
    Wenlong Yu

    Thanks for this great tutorial! I wonder if this approach can be used to create multiple UIcollectionViews in one single view controller.

    Reply
  17. Ahmadreza Shamimi Avatar
    Ahmadreza Shamimi

    you are nice man
    thank for help us to learn easy and developing with swift

    Reply
  18. Rohan Sanap Avatar
    Rohan Sanap

    Resources link is broken

    Reply
  19. msqar Avatar
    msqar

    Nice tutorial, is there any way that you can do a Carousel in SpriteKit? It's taking me a lot to make it work properly using iCarousel.

    Reply
  20. chetan rane Avatar
    chetan rane

    Hey Duc,
    very helful tutorial.

    Can you please tell us how we can have dynamic cell height?

    Can you help me, I got stuck in calculating cell height.
    I have custom collectionviewcell with one label. And i am setting label.attributed text property with dynamic content.(attributed text has 3 fields, someTitile + icon Image + Location).

    Thanks,
    Chetan

    Reply
  21. Erick Duarte Avatar
    Erick Duarte

    Nice tutorial but the link does not work:/ Is there any other way you can make these cases available to download Im stuck on the interests part because of the link not working.

    Reply
  22. cristian meyer espinoza roque Avatar
    cristian meyer espinoza roque

    thank !! very much friend 😀

    Reply
  23. X.BOZO Avatar
    X.BOZO

    the link is broken 🙁

    Reply
  24. Fausto Savatteri Avatar
    Fausto Savatteri

    Hey Duc, thank you for the great video!
    What if I want to embed 2 different custom collection views in a table view?
    I have 2 table view sections, but also 2 different collection views (with different items: label, title).

    Reply
  25. Doan Trinh Avatar
    Doan Trinh

    awesome tutorial Duc! Very lighthearted and humorous. I laughed hard at the poop emoji part! Keep it up.

    Reply
  26. Allround Fred Avatar
    Allround Fred

    Thanks!

    Reply
  27. Kaiwen Johnson Avatar
    Kaiwen Johnson

    awesome! how did you learn what each code means?

    Reply
  28. Luis Arias Avatar
    Luis Arias

    What's the shorcut that you use to show the measures while you're changing them??

    Reply
  29. camiah Avatar
    camiah

    Hi Duc, I'm wondering if you can help me. I've made it through your tutorial, and I'm trying to use UIStoryboard object to programmatically and variably segue between storyboards. So when on the homeViewController, you can segue to other view controllers by clicking on one of the "Cards" (Collection View). Can you help me understand my next steps?

    Reply
  30. Benjamin Cuellar Avatar
    Benjamin Cuellar

    is this working on swift 2?

    Reply
  31. mac kid 01 Avatar
    mac kid 01

    NICE!
    +1 sub 🙂

    Reply
  32. Yu Xue Avatar
    Yu Xue

    Nice tutorial, UICollectionView feels just like UITableView like you mentioned, but you did several things in the unusual way in this tutorial, like you didn't make the HomeViewController use the protocol of CollectionViewController, but instead, you made an extension, also using didSet to make the cell. very impressive and give me some new thoughts of doing things. Thank you.

    Reply
  33. Joyce Lee Avatar
    Joyce Lee

    Help? I have no idea what to do. Do i need to do a different initalization of variables for the Interest.swift file? 2016-05-08 13:00:13.662 Imprint2[76162:694563] * NSForwarding: warning: object 0x7fa1bbc17b90 of class 'Imprint2.Interest' does not implement methodSignatureForSelector: — trouble ahead
    Unrecognized selector -[Imprint2.Interest initWithCoder:]
    (lldb)

    Reply
  34. Cla Btl Avatar
    Cla Btl

    Thanks for the tutorial! Worked perfectly!

    Reply
  35. Sayonsom Chanda Avatar
    Sayonsom Chanda

    Hello Duc, great video.
    How do I incorporate data from Firebase instead of the dummy data in "interest.swift" class file?

    Reply
  36. Sofia Rodriguez Avatar
    Sofia Rodriguez

    In the project, when you scroll to the last of the interests, there seems to be a problem: the last cell is not displayed entirely, how i can resolve it

    Reply
  37. Anand Mukut Tirkey Avatar
    Anand Mukut Tirkey

    best tutorial ever found on Internet

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *