Create a smooth transition between any two SwiftUI Views

Last update: Nov 26, 2022

Overview

GZMatchedTransformEffect

Create a smooth transition between any two SwiftUI Views. It is very similar to the built-in .matchedGeometryEffect() modifier, but the effect is much smoother.

Installation

Swift Package Manager

dependencies: [
    .package(url: "https://github.com/gongzhang/GZMatchedTransformEffect", .upToNextMajor(from: "1.0.0"))
]

Quick Start

Use the same .matchedTransformEffect() modifier on both views.
Control the appearance and disappearance of two views in a withAnimation block

import SwiftUI
import GZMatchedTransformEffect

struct Example: View {
    @State private var flag = true
    @Namespace private var ns

    var view1: some View { ... }
    var view2: some View { ... }

    var body: some View {
        VStack {
            if flag {
                view1
                    .fixedSize()
                    .id("view1")
                    .matchedTransformEffect(id: "transition", in: ns) // ⬅️
            }
            
            Spacer()

            if !flag {
                view2
                    .fixedSize()
                    .id("view2")
                    .matchedTransformEffect(id: "transition", in: ns) // ⬅️
            }

            Button(action: { withAnimation { flag.toggle() } }) {
                Text("Toggle")
            }
        }
    }
}

Library for creating swipe actions for any SwiftUI View

SwipeActions Library for creating swipe actions for any SwiftUI View, similar to

24 Dec 26, 2022

Shimmer: A super-light modifier that adds a shimmering effect to any SwiftUI View

SwiftUI-Shimmer ✨ Shimmer is a super-light modifier that adds a shimmering effec

389 Jan 2, 2023

A lightweight loading animation that can be applied to any SwiftUI view with 1 line of code.

SimpleAFLoader A lightweight loading animation that can be applied to any SwiftUI view with 1 line of code. All animations are built using the SwiftUI

2 Aug 25, 2022

Garland View seamlessly transitions between multiple lists of content.

Garland View seamlessly transitions between multiple lists of content. We specialize in the designing and coding of custom UI for Mobile

504 Jul 31, 2022

An experiment for using SwiftUI's custom timing Animation to create an orbital-like animation.

Orbital-SwiftUI-Animation An experiment for using SwiftUI's custom timing curve to create an orbital-like animation. How it looks: How it works: Apply

7 Jan 2, 2023

SwiftUI iOS application allowing users to create profiles and meet and chat with people

FindR SwiftUI iOS application allowing users to create profiles and meet and cha

3 Dec 7, 2022

FloatingBubbles is a customizable views that float like zero gravity animation.

Floating Bubbles FloatingBubbles is a customizable views that float like zero gravity animation. $ pod try FloatingBubbles Features Create Multiple V

18 Oct 11, 2022

Various view's effects for iOS, written in Swift. Allows you to animate views nicely with easy to use extensions

Various view's effects for iOS, written in Swift. Allows you to animate views nicely with easy to use extensions. Every animation is randomized. Currently supported animations:

23 Aug 23, 2022

An easy way to add a simple, shimmering effect to any view in an iOS app.

Shimmer Shimmer is an easy way to add a shimmering effect to any view in your app. It's useful as an unobtrusive loading indicator. Shimmer was origin

9.4k Dec 26, 2022

Create a smooth transition between any two SwiftUI Views

Related tags

Overview

GZMatchedTransformEffect

Installation

Swift Package Manager

Quick Start

You might also like...

Library for creating swipe actions for any SwiftUI View

Shimmer: A super-light modifier that adds a shimmering effect to any SwiftUI View

A lightweight loading animation that can be applied to any SwiftUI view with 1 line of code.

Garland View seamlessly transitions between multiple lists of content.

An experiment for using SwiftUI's custom timing Animation to create an orbital-like animation.

SwiftUI iOS application allowing users to create profiles and meet and chat with people

FloatingBubbles is a customizable views that float like zero gravity animation.

Various view's effects for iOS, written in Swift. Allows you to animate views nicely with easy to use extensions

An easy way to add a simple, shimmering effect to any view in an iOS app.

Releases(v1.0.0)

v1.0.0(Mar 1, 2022)

Owner

Gong Zhang

ChainPageCollectionView A custom View with two level chained collection views and fancy transition animation

iOS framework for impressive transition animations between views.

Add smooth water waves to your views.

Appstore card animation transition. UICollectionView and UITableView card expand animated transition

An Objective-C animation library used to create floating image views.

Design and prototype customized UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable.

ZoomTransitioning provides a custom transition with image zooming animation and swiping the screen edge.

Transition animation for ViewController

Keynote-style Magic Move transition animations

Scroller - You can animate in individual views based on scroll position. Developed with SwiftUI. This library supports iOS/macOS