A self-taught project of learning Swift by making some of Airbnb's screens
Swift of Airbnb
This is a self-taught project of learning Swift inspired by Sam Lu’s 100 Days of Swift and Allen Wong’s 30 Days of Swift. Trying to take the learning progress further by making some of Airbnb’s screens, which in my opinion is one of the most beautifully-designed iOS App. Kudos to Airbnb for setting such high standard in iOS Development.
Projects
Project 1 - Occupant Filter
Things I learn:
- Custom counter control AirbnbCounter
- Custom UISwitch control AirbnbSwitch which is basically an image UIButton that animates from left to right when the value toggled
Project 2 - Date Picker
Things I learn:
- All kinds of things with UICollectionView (didSelect, didHighlight, shouldSelect, shouldHighlight, de/selecting cells programatically, etc.)
- One issue that made me stuck for days was there was tiny pixel gap between date cells that I couldn’t remove. I posted the solution here: http://stackoverflow.com/a/42574952/2105910
Project 3 - Main Screen
Things I learn:
- How to make iOS Frameworks (using the previous 2 components in this screen)
- UITableView header animation (view position & alpha change as user scrolls)
- Custom page tab navigation with underline border that animates to selected page (For You, Homes, Experience, Places)
- Nested UICollectionView inside UITableView
Project 4 - Custom Page Transition
Things I learn:
- A lot from here: https://www.raywenderlich.com/110536/custom-uiviewcontroller-transitions and here: http://blog.matthewcheok.com/design-teardown-preview-expanding-cells/
- How to slice and snapshot views to animate transition on present and dismiss
- New AirbnbReview component
Coming Soon
This is an ongoing project and a lot of things already planned!
Page transition animation on selecting home item- The map view! (that all other booking apps copy 😄)
- Home detail screen
- My trips screen
- or you let me know what you wanna see!
Resources
License
Swift of Airbnb is licensed under MIT License