SwiftUI: Creating Stunning Interfaces with Waved TabView 🔥

Поділитися
Вставка
  • Опубліковано 15 вер 2024
  • In today's video, we take an in-depth look at the beautifully crafted Floating Tab Bar component in SwiftUI following the MVVC (Model-View-View-Coordinator) pattern.
    Platform: IOS17+
    ► Get Source Code:
    ► / swiftui-creating-11116...
    ► Website:
    ► swiftuicodes.net
    ► X Platform
    ► x.com/swiftuic...
    ► Instagram
    ► / swiftuicodes
    What You Will Learn
    MVVC Architecture: Discover how to structure your SwiftUI projects with the Model-View-View-Coordinator pattern for better code organisation and maintainability.
    Custom Animations: Learn how to create a floating effect that dynamically follows user interactions, making your tab bar not only functional but also visually appealing.
    SwiftUI Shapes: Understand how to create custom shapes and paths in SwiftUI to achieve complex user interface designs, such as the curved wave effect in the tab bar.
    State Management: Explore the use of @State and @Published properties to manage the dynamic behaviour of your views and provide a responsive and interactive user interface.
    📂 Project Structure:
    Model.swift: Defines TabType enum and Tab struct to represent different tabs and their properties.
    ViewModel.swift: Manages the state of the tab bar, including the selected tab, wave position, and other UI-related properties.
    WavedTabViewCoordinator.swift: Acts as a coordinator, establishing the connection between the ViewModel and Views and ensuring clear separation of concerns.
    WavedTabView.swift: The main view component that creates the tab bar and applies the waved animation.
    ContentView.swift: Integrates WavedTabView into the main content view of the application.
    Don't forget to like, subscribe, and hit the notification bell to stay updated with more SwiftUI tutorials 🔔
    #apple #swiftui #ios #xcode #animation #ui #ux #design #swiftuicodes #xcode #ui
    SwiftUI App Intro UI | SwiftUI Walkthrough Page Animation | SwiftUI Shape Morphing Effect | SwiftUI Complex UI | SwiftUI Animation Challenge | SwiftUI Complex Animation's | Swift | SwiftUI Xcode 16 |

КОМЕНТАРІ • 2

  • @RishabhKochar-uw9si
    @RishabhKochar-uw9si 14 днів тому

    How you come up with this code? You take reference from somewhere or what?
    please tell.

    • @SwiftUICodes
      @SwiftUICodes  14 днів тому

      Developing this kind of code with SwiftUI is very easy and simple. We have dozens of codes like this on the Patreon platform.
      You can see our Patreon channel from the link below.
      www.patreon.com/SwiftUICodes