Code Monkey home page Code Monkey logo

aztransitions's Introduction

AZTransitions

CocoaPods Compatible Carthage Compatible Platform Twitter GitHub license

Make your modal transition with custom animation. AZTransitions helps you think about creativity, giving specific API methods.

Visual Example

Inside this repository you can try iOS Example target with example FashionTransition.swift class:

Animation example

Installation

  • Add the following to your Podfile and run pod install
pod 'AZTransitions'
  • or add the following to your Cartfile and run carthage update
github "azimin/AZTransitions"
  • or clone as a git submodule,

  • or just copy AZTransitions/Source/CustomModalTransition.swift into your project.

Code Example

To create any custom transition just subclass CustomModalTransition:

class FashionTransition: CustomModalTransition { 
  override init() {
    super.init(duration: 0.5)
  }
}

--

Then set as az_modalTransition to nessesary view just before presenting it

override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
  segue.destination.customModalTransition = FashionTransition()
}

or

func show() {
  let viewController = UIViewController()
  viewController.customModalTransition = FashionTransition()
  self.present(viewController, animated: true, completion: nil)
}

--

To have custom present animation, just implement performTransition(interactive: Bool) inside your FashionTransition class:

func performTransition(interactive: Bool) {
  self.presentedViewController.view.alpha = 0.0
    
  UIView.animate(withDuration: duration, animations: {
    self.presentedViewController.view.alpha = 1.0
    self.presentingViewController.view.alpha = 0.0
  }, completion: { (completed) in
    self.presentingViewController.view.alpha = 1.0
    self.finishAnimation(completion: nil)
  })
}

As you may have guessed, you have different properties. The main ones:

  • duration — transition duration
  • presentingViewController — the presenting view controller (bottom one)
  • presentedViewController — view controller that is going to be presented (top one)

You can animate them as you want.

🔥IMPORTANT🔥 don't forget to call finishAnimation(completion: nil) in the end.

In this case animation will be:

Animation code example

UIModalPresentationStyle

Of course sometimes you want to use diffenret modal presentation styles (for example overCurrentContext), in this case you can call setCustomModalTransition(customModalTransition: CustomModalTransition, inPresentationStyle: UIModalPresentationStyle) of UIViewController instead of setting customModalTransition directly.

More

You have different properties and methods to help you:

  • performDismissingTransition(interactive: Bool) to implement custom transition animation when dismissing
  • fromViewController/toViewController in term of Apple transition. They are reversed in presenting and dismissing transitions.
  • transitionContainerView view where the transition takes place (resentingViewController.view and presentedViewController.view located on inside transitionContainerView), so you can add your custom views here to make animation more interesting (see iOS Example)
  • Some methods for interactive animations (example will be added be soon)
  • Some method to work with orientation changing things (example will be added be soon)

aztransitions's People

Contributors

azimin avatar dankimio avatar ngo275 avatar valeriyvan avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.