iOS Animation with Swift IV - Custom Animated Transition

Sandy Ludosky

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
21 Lessons (1h 3m)
    • 1. Intro

      0:25
    • 2. What You Need

      0:34
    • 3. What You Should Know

      0:51
    • 4. Custom Segue

      3:43
    • 5. Overview

      0:42
    • 6. Creating a Segue Class

      5:24
    • 7. Perform & Animate Segue

      2:31
    • 8. Transition Manager

      3:18
    • 9. DismissViewController

      1:42
    • 10. ProjectFiles & Overview

      2:07
    • 11. Image Categories

      3:27
    • 12. Adding Photos to Library

      2:45
    • 13. Collection DataSource

      6:43
    • 14. Adding TapGestureRecognizer

      3:58
    • 15. Pictures Gallery

      3:51
    • 16. Picture Gallery Data Source

      2:08
    • 17. Push Segue

      4:41
    • 18. Animator Class

      1:55
    • 19. Container & Transition Context

      3:46
    • 20. Scale Transform

      6:18
    • 21. Dismiss PhotoViewController

      1:44

Project Description

Build a Picture Gallery App

Project Instructions

  1. You will use a collection view. You can download a starter project to get started
  2. you will create a custom segue to transition from the cell to the detail page screen
  3. feel free to download and use a starter project to begin your project
  4. in your Animator class, use different options of  transform and animation easing
  5. You can use examples like Instagram and Pinterest

*Instagram example

  • main page built as collectionView layout
  • a detail page with a image full screen
  • Bonus: Instagram provides with an API developer program

3e07feeb

*Pinterest example

  • main page built as collectionView layout
  • a detail page with a image full screen
  • Pinterest used a more advanced layout with dynamic cell height. this can be achieved with the UICollectionViewDelegateFlowLayout delegate + the data source method: collectionView(_:layout:sizeForItemAtIndexPath:) to return a cell size. read more here

7f6e68ae

*Find other examples here: http://app-ealing.com/tagged/Transition

 

What You need

  • Copy of XCode. 7.3 (download)
  • A Mac OS
  • An apple developer account is not required

What You Should Know

  • For the best learning experience, you should a working knowledge of Swift 2.0 and XCode 7 or later

3719e84f

To share your projects, consider using one of the outlets and resources

  • Screenshots
  • Github to share your project files and code
  • Giphy to turn showcase your app with a GIF

Resources(1)

Student Projects