Skip to main content

Peter Friese

Peter Friese's Blog is a platform focused on Swift, SwiftUI, and Firebase development. It offers a variety of tutorials, articles, and guides designed to help developers improve their skills and stay updated with the latest trends in iOS development.

Details

URL: 🔗 https://peterfriese.dev/

Authors: Peter Friese

Complexity Levels:

  • Beginner: 20%
  • Intermediate: 50%
  • Advanced: 30%

Frequency of Posting: Weekly

Types of Content:

  • Tutorials: 50% (Step-by-step guides and practical examples)
  • Articles: 40% (In-depth articles and best practices)
  • News: 10% (Updates on Swift and iOS development)

Additional Features:

  • Newsletter: Available for regular updates and news.
  • Books and Courses: In-depth learning resources.
  • YouTube Channel: Video tutorials and guides.
Visit Peter Friese's Blog→

SwiftUI​

Certainly! Here's the entire blog post entry with key concepts, terms, and phrases emphasized for better readability:

🔵 SwiftUI Hero Animations with NavigationTransition​

This article provides an in-depth guide on replicating the App Store's hero animation using SwiftUI's new NavigationTransition protocol, introduced in iOS 18. It covers the implementation process step by step, focusing on creating smooth and visually appealing transitions between views in a SwiftUI app. The tutorial also includes instructions on customizing the source view appearance, adding dismiss buttons, enabling drag-to-dismiss functionality, and scaling down views during interaction. This guide is ideal for developers looking to enhance their SwiftUI applications with dynamic UI animations.

Details

URL: 🔗 SwiftUI Hero Animations with NavigationTransition

Published: Jun 21, 2024

Authors: Peter Friese

Tags:
SwiftUI, iOS 18, UI Animation, NavigationTransition

Key Points​

  • Demonstrates how to replicate the App Store’s hero animation using SwiftUI’s NavigationTransition protocol.
  • Covers customization of the source view appearance for a more visually appealing transition.
  • Explains the addition of a dismiss button and drag-to-dismiss functionality for enhanced user experience.
  • Shows how to implement scaling down effects on the views during user interaction.

Summary of Contents​

  • Replicating the App Store Hero Animation: Overview of the hero animation and its importance in visually rich UIs. Introduction to using the NavigationTransition protocol in SwiftUI.
  • Zooming from Zero to Hero: Step-by-step guide to setting up the basic hero animation with SwiftUI, including code snippets and explanations.
  • Adjusting the Appearance of the Source View: Instructions on customizing the source view appearance using the matchedTransitionSource modifier.
  • Adding a Dismiss Button: How to create a dismiss button that overlays the content and removes the navigation bar.
  • Dragging Down to Dismiss: Implementation of the drag-to-dismiss feature using the onScrollGeometryChange view modifier.
  • Scaling Down: Guide to applying scaling effects to the views as they are dragged down, enhancing the interactive experience.

Additional Resources​

Read Full Article→