All Projects → jegumhon → Urmovingtransitionanimator

jegumhon / Urmovingtransitionanimator

Licence: mit
Moving view transition with the blurring effect between view controllers for Swift3

Programming Languages

swift
15916 projects

Projects that are alternatives of or similar to Urmovingtransitionanimator

angular-simple-slider
An AngularJS directive providing a simple slider functionality
Stars: ✭ 15 (-65.91%)
Mutual labels:  transition-animation
Tltransitions
快速实现控制器的转场和View的快速popover显示,并支持自定义动画、手势退场
Stars: ✭ 296 (+572.73%)
Mutual labels:  transition-animation
Simple Slider
🎠 The 1kb JavaScript Carousel
Stars: ✭ 583 (+1225%)
Mutual labels:  transition-animation
Swoosh
SFML Activity and Segue Mini Library
Stars: ✭ 63 (+43.18%)
Mutual labels:  transition-animation
unity-ui-manager
🎫 A Simple UI Manager for rapid prototyping and ease of collaboration
Stars: ✭ 44 (+0%)
Mutual labels:  transition-animation
Starwars.ios
This component implements transition animation to crumble view-controller into tiny pieces.
Stars: ✭ 3,685 (+8275%)
Mutual labels:  transition-animation
libgdx-transitions
libgdx screen transitions/fading
Stars: ✭ 43 (-2.27%)
Mutual labels:  transition-animation
Swiftui Animation Library
SwiftUI Animation Library. Useful SwiftUI animations including Loading/progress, Looping, On-off, Enter, Exit, Fade, Spin and Background animations that you can directly implement in your next iOS application or project. The library also contains huge examples of spring animations such as Inertial Bounce, Shake, Twirl, Jelly, Jiggle, Rubber Band, Kitchen Sink and Wobble effects. Browse, find and download the animation that fits your needs.
Stars: ✭ 898 (+1940.91%)
Mutual labels:  transition-animation
Guillotinemenu
Our Guillotine Menu Transitioning Animation implemented in Swift reminds a bit of a notorious killing machine.
Stars: ✭ 2,908 (+6509.09%)
Mutual labels:  transition-animation
30 Swift Projects In 30 Days
This is the demos to show 30 demos finishes in 30 days (or more)
Stars: ✭ 527 (+1097.73%)
Mutual labels:  transition-animation
MaterialDesignSample
Android transition元素共享动画、CoordinatorLayout、AppBarLayout、FloatingActionButton、BottomSheet、SnackBar、自定义behavior实现动画效果。
Stars: ✭ 28 (-36.36%)
Mutual labels:  transition-animation
vue2-animate
A port of Animate.css for use with transitions in Vue.js 2.0 / 3.0 and Alpine.js.
Stars: ✭ 1,338 (+2940.91%)
Mutual labels:  transition-animation
Hero
Elegant transition library for iOS & tvOS
Stars: ✭ 20,547 (+46597.73%)
Mutual labels:  transition-animation
Android-Code-Demos
📦 Android learning code demos.
Stars: ✭ 41 (-6.82%)
Mutual labels:  transition-animation
Popping
A collection of animation examples for iOS apps.
Stars: ✭ 5,587 (+12597.73%)
Mutual labels:  transition-animation
android-motion-example
The alternative to good design is always bad design. There is no such thing as no design.
Stars: ✭ 28 (-36.36%)
Mutual labels:  transition-animation
React Flip Move
Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
Stars: ✭ 3,678 (+8259.09%)
Mutual labels:  transition-animation
Photobrowser
Elegant photo browser in Swift. 图片与视频浏览器。
Stars: ✭ 975 (+2115.91%)
Mutual labels:  transition-animation
React Move
React Move | Beautiful, data-driven animations for React
Stars: ✭ 6,395 (+14434.09%)
Mutual labels:  transition-animation
Lottie Ios
An iOS library to natively render After Effects vector animations
Stars: ✭ 22,295 (+50570.45%)
Mutual labels:  transition-animation

URMovingTransitionAnimator

Swift podplatform pod poddoc license travis codecov CocoaPods compatible FOSSA Status

FOSSA Status

What is this?

Moving view transition with the blurring effect between view controllers for Swift3
This code style is the Protocol Oriented Programming.
So you don't need to inherit. Just Implement protocols.
You can handle some parameter to customize this transition. e.g. scale, duration, etc.

sample1sample1

Requirements

  • iOS 8.1+
  • Swift 3.0+

Installation

Cocoapods

Add the following to your Podfile.

pod "URMovingTransitionAnimator"

Examples

See the Example folder.
Run pod install and open the .xcworkspace file.

Usage

import URMovingTransitionAnimator

1. Set the transition initialization in the transition starting viewcontroller

class viewController: UIViewController, URMovingTransitionMakable {
    ...
    override func viewDidLoad() {
        super.viewDidload()
        
        self.initMovingTrasitionGesture()
        
        ...
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)

        self.initMovingTransitionNavigationDelegate()
        
        ...
    }

    deinit {
        self.removeMovingTransitionGesture()
        
        ...
    }
    
    ...

    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        ...

        if let cell = tableView.cellForRow(at: indexPath) as? URExampleTableViewCell {
            self.makeBlurredTransitionAnimator(target: cell.imgView, baseOn: tableView.superview!, duration: 0.8)
            
            // if you want to add scaling animation, use makeTransitionAnimator function like below
            // At the beginning, the scaling animation will be showed!!
            // self.makeBlurredTransitionAnimator(target: cell.imgView, baseOn: tableView.superview!, duration: 0.8, needScaleEffect: true, scale: 1.05)
            
            // if you want to transition without the blur effect, you can use this make function!!
            // self.makeTransitionAnimator(target: cell.imgView, baseOn: tableView.superview!, duration: 0.8, needScaleEffect: true, scale: 1.05)
        }
        
        ...

        // push view controller
    }
    
    ...
}

2. Set the destination frame in the transition finishing view controller

class finishViewController: UIViewController, URMovingTransitionReceivable {
    ...
    
    var transitionView: UIView?
    
    ...
    
    func transitionFinishingFrame(startingFrame: CGRect) -> CGRect {
        let frame = {view's frame to be the destination}
        let finishingFrame = CGRect(origin: CGPoint(x: 0, y: 64), size: frame.size)

        return finishingFrame
    }
    
    ...
}

3. 😀 Configurable parameters of UIMovingTransitionAnimator 😀

  • whether you need to clip the bounds of target view
  • scale up or down effect
    • This is applied at the beginning of transition.
    • For using this, you need to set the scale value over 1.0 or below 1.0
  • finishing animation duration
  • finishing animation duration for the Pop transition
  • whether you need to run the whole transition completion callback right away after finishing the transition

To-Do

  • [ ] refactoring the initailization for the convenient usage

License

URMovingTransitionAnimator is available under the MIT license. See the LICENSE file for more info.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].