SuCodee
SuCodee
  • 191
  • 196 255
SwiftUI : Circular Picker
In this tutorial, explore how to create a SwiftUI Circular Picker, an interactive and visually engaging component for your iOS app. Learn how to build a custom SwiftUI Circle Picker with various features like a circular selector, wheel, and dial. Whether you're looking for a SwiftUI Circle Scroller or a
Source code: www.patreon.com/posts/swiftui-circular-112221090?Link&
complete SwiftUI Circular Picker example, this guide has you covered. Follow along to understand how to implement a circular control UI, enhance user interaction, and create dynamic, complex interfaces in SwiftUI.
Key takeaways include working with SwiftUI Circular Picker components, customizing the design, and optimizing it for iOS 18. Whether you're new to SwiftUI or looking to deepen your knowledge, this tutorial offers practical insights into building complex UIs, including advanced techniques for creating a SwiftUI Circle UI and SwiftUI Circular Picker. Don’t miss out on the latest features in SwiftUI and enhance your app with modern circular controls!
Переглядів: 126

Відео

SwiftUI Spring Animation
Переглядів 822 години тому
Unlock the power of SwiftUI Spring Animations in this step-by-step tutorial designed for beginners! Whether you're just starting with SwiftUI or looking to master animations in SwiftUI, this video will guide you through creating smooth, responsive spring animations for your app. Learn the fundamentals of SwiftUI animation, explore custom animations, and discover how to build a SwiftUI loader vi...
SwiftUI 3D Image swipe
Переглядів 3444 години тому
In this tutorial, you'll learn how to create a stunning SwiftUI 3D swipe animation similar to Tinder's swipe card feature. We'll walk you through building a stack of images that users can swipe through with smooth, animated gestures, and even add an infinite loop for endless scrolling. You'll source code: www.patreon.com/posts/swiftui-3d-image-112093560?Link& inspired by : x.com/rybinandy/statu...
SwiftUI Typing Animation
Переглядів 15412 годин тому
In this video, we explore how to create a typing effect or typing animation in SwiftUI. Whether you're building a typing animation app or just want to add some dynamic text effects to your project, this tutorial covers it all. We'll walk you through step-by-step, showing you how to implement SwiftUI typing Source code: www.patreon.com/posts/swiftui-typing-111911609?Link& effects, text animation...
SwiftUI Custom Horizontal Wheel Picker
Переглядів 37614 годин тому
Unlock the power of SwiftUI by building a Custom Horizontal Wheel Picker for your next iOS app. Whether you need a size picker, weight picker, or height picker, this tutorial walks you through creating a dynamic wheel picker with smooth SwiftUI Animations. Enhance your app’s UI/UX with this step-by-step guide, ideal for both beginner and advanced iOS developers! Source code: www.patreon.com/pos...
SwiftUI Custom TextField with Animation
Переглядів 23216 годин тому
In this tutorial, you'll learn how to create a SwiftUI Custom TextField with Animation from scratch! We’ll walk you through the step-by-step process of designing and implementing a SwiftUI Custom TextField Animation to give your app a modern and interactive feel. Whether you're a beginner or looking to enhance your SwiftUI skills, this video covers everything you need. Source code: www.patreon....
SwiftUI Scrollable Tab Bar
Переглядів 43119 годин тому
Description: In this tutorial, we'll dive into creating a SwiftUI scrollable tab bar with dynamic and resizable indicators for your iOS and macOS apps. Using SwiftUI, you’ll learn how to build a sleek and interactive tab bar that enhances user experience. We'll also explore various SwiftUI transitions and complex animations to make your tab bar more engaging. Source code: www.patreon.com/posts/...
SwiftUI Custom Search Field with Animation
Переглядів 17221 годину тому
Looking to create a custom search field with smooth animations in SwiftUI? In this tutorial, we’ll dive into building a SwiftUI custom search bar with animation effects. Whether you're a beginner or experienced with SwiftUI, this step-by-step guide will help you design a responsive, modern search bar. We'll also explore search filtering, custom text fields, and how to manage focus using FocusSt...
SwiftUI Favorites Button Animation
Переглядів 162День тому
Welcome to our comprehensive SwiftUI Animation series, where you’ll learn everything you need to master animations in SwiftUI! Whether you’re a complete beginner or a seasoned professional, these videos will guide you through the process of creating smooth, elegant, and highly effective animations. Source code: www.patreon.com/posts/swiftui-button-111598729?Link& inspired by: uiverse.io/barisdo...
SwiftUI: Circle To line Animation Loader
Переглядів 236День тому
In this tutorial, we dive deep into SwiftUI animation to help you create visually appealing and smooth animations for your apps. Whether you're new to SwiftUI or Swift programming, this video is perfect for beginners! We'll cover everything from the basics of SwiftUI development to more advanced techniques like building a loader animation and a custom loader view. Source code: www.patreon.com/p...
SwiftUI Pinterest Layout with GridRow
Переглядів 319День тому
In this video, we'll explore how to create a Pinterest-style layout using SwiftUI's GridRow and LazyVGrid. Whether you're developing a photo gallery, an e-commerce app, or a Pinterest-like app, this tutorial will show you how to implement a beautiful, dynamic grid layout with varying heights. We'll guide you through the process of building a customizable grid view using SwiftUI's powerful tools...
SwiftUI Reflection Modifier
Переглядів 28114 днів тому
Learn how to elevate your SwiftUI projects by mastering the art of reflections and gradients. In this tutorial, we'll walk you through the steps to create stunning visual effects such as text reflections, vertical flips, and gradient backgrounds. Discover how to make a reflection in SwiftUI, apply linear Source code: www.patreon.com/posts/swiftui-modifier-111260412?Link& gradients in various di...
SwiftUI Custom Loading Animation
Переглядів 22514 днів тому
Unlock the power of SwiftUI by learning how to create a Custom Loading Animation! Whether you're a beginner just getting started with SwiftUI or looking to enhance your app's UI, this tutorial is perfect for you. We'll walk you through the process of building a smooth and responsive loading animation using SwiftUI, ideal for improving your app's user experience. Free Source code: www.patreon.co...
SwiftUI Custom View Transition
Переглядів 35414 днів тому
In this video, we'll dive into: SwiftUI Custom Transitions: Learn how to create unique view transitions that make your app stand out. Custom Navigation in SwiftUI: Discover how to build custom navigation views with smooth animations. Advanced Animation Techniques: Explore how to animate buttons and images for a more interactive user interface. Source code: www.patreon.com/posts/swiftui-custom-1...
SwiftUI Timer Kills & Background States
Переглядів 37514 днів тому
In this tutorial, you'll learn how to create a SwiftUI timer that can survive app kills and background states. Whether you're building a SwiftUI countdown timer or exploring SwiftUI app persistence techniques, this video will guide you through the essential steps. We'll cover everything from SwiftUI background timer handling to SwiftUI app closure management, ensuring your timer app remains acc...
SwiftUI in 100 Seconds: Custom NumberPad
Переглядів 13421 день тому
SwiftUI in 100 Seconds: Custom NumberPad
SwiftUI Picker Wheel - Spin
Переглядів 38821 день тому
SwiftUI Picker Wheel - Spin
Todo TimeLine App with splash screen animation
Переглядів 75128 днів тому
Todo TimeLine App with splash screen animation
SwiftUI Mood Tracker Screen
Переглядів 554Місяць тому
SwiftUI Mood Tracker Screen
SwiftUI Create Account Screen
Переглядів 358Місяць тому
SwiftUI Create Account Screen
SwiftUI in 100 second Loader animation
Переглядів 277Місяць тому
SwiftUI in 100 second Loader animation
SwiftUI : Dynamic Multi Step Progress Bar
Переглядів 759Місяць тому
SwiftUI : Dynamic Multi Step Progress Bar
SwiftUI in 100 second Custom Shape Animation
Переглядів 342Місяць тому
SwiftUI in 100 second Custom Shape Animation
SwiftUI in 100 second Loadaer Animation
Переглядів 359Місяць тому
SwiftUI in 100 second Loadaer Animation
SwiftUI in 100 second Text Animation
Переглядів 304Місяць тому
SwiftUI in 100 second Text Animation
SwiftUI in 100 second Neon Text with Animation
Переглядів 286Місяць тому
SwiftUI in 100 second Neon Text with Animation
SwiftUI Flip Book Effect
Переглядів 516Місяць тому
SwiftUI Flip Book Effect
SwiftUI: Wallet Card Transition
Переглядів 722Місяць тому
SwiftUI: Wallet Card Transition
SwiftUI: Dynamic Button Menus
Переглядів 639Місяць тому
SwiftUI: Dynamic Button Menus
SwiftUI Login and Sign-Up Screen with animation
Переглядів 1,3 тис.Місяць тому
SwiftUI Login and Sign-Up Screen with animation

КОМЕНТАРІ

  • @VSilverstein
    @VSilverstein 2 години тому

    Looks very nice! Almost like a windrose picker for picking between 0° and 360°. Keep up the good work! 🥳

    • @SuCodee
      @SuCodee Годину тому

      This one is a dynamic. You can put any number from to

  • @ilyabiltuev
    @ilyabiltuev 3 години тому

    Best content ❤❤❤

    • @SuCodee
      @SuCodee 3 години тому

      Thank you

  • @jacobzheng3792
    @jacobzheng3792 4 години тому

    That's pretty cool. Could you implement that with UIKit?

    • @SuCodee
      @SuCodee 3 години тому

      Now i know SwiftUI only

  • @tobiomotayo
    @tobiomotayo 6 годин тому

    You’re the best. Thanks for taking the time to make this 🙏

    • @SuCodee
      @SuCodee 3 години тому

      You’re welcome ☺️

  • @SuCodee
    @SuCodee 6 годин тому

    Note: You must delete .scrollTargetBehavior(.view Aligned) 5:25

  • @anhhanry7167
    @anhhanry7167 4 дні тому

    excellent sample tutorial 👏👌, but it appears the view will crash if suddenly the view is disappeared in the middle of the animation... for example, if the view is put on a NavigationView and pushed in with a NavigationLink ( then click return while the words are animated)

  • @tobiomotayo
    @tobiomotayo 6 днів тому

    Nice work. Please make a video of a similar picker but radial like iPhone camera zoom radial picker

    • @SuCodee
      @SuCodee 6 днів тому

      The same thing but circle right ?

    • @tobiomotayo
      @tobiomotayo 6 днів тому

      @@SuCodee Yes please. Either full circle or arc will do. Thank you 🙏

  • @不舍昼夜
    @不舍昼夜 7 днів тому

    Hello, I am your loyal fan! Thank you for sharing the code, but I have a question: the tabItem at the top may exceed the width of a single screen, and the current code does not support dragging and scrolling of the items. Is it possible to further improve this demo?

    • @SuCodee
      @SuCodee 7 днів тому

      you can contact me on X. @sucodeee and I will be happy to help you

  • @ZTagger97
    @ZTagger97 8 днів тому

    smooth

  • @richardward5891
    @richardward5891 8 днів тому

    I like the video. The only problem is that the ad for another video pops up on the screen and I can't see the final part of the video. On a positive note, you supply the source code so I can recreate it most likely : )

    • @SuCodee
      @SuCodee 8 днів тому

      I will edit it now, thank you

  • @Prashant-7
    @Prashant-7 11 днів тому

    😍

  • @sajademad117
    @sajademad117 11 днів тому

    Great tutorial!

  • @SwiftLotus-xe4gn
    @SwiftLotus-xe4gn 13 днів тому

    Hi i really have learned something new in this video, thanks SuCodee that was awesome. but i have an issue with my pad, i couldn't understand how to add a checkmark key that takes column 4, with 2 rows, do you think i can solve this with Stacks instead of ForEach so that i can control it more, or there is a possible way to show the checkmark button in right side of number pad

    • @SuCodee
      @SuCodee 11 днів тому

      Hi, sorry for the late reply, but you can contact me on X @sucodeee and I will be happy to help you.

  • @richardward5891
    @richardward5891 15 днів тому

    Very Nice!

  • @Eduardo-rn7ng
    @Eduardo-rn7ng 16 днів тому

    uhhhh!!! Could you implement it with real iOS navigation? (Using NavigationStack, NavigationLink or a custom push, pop, etc)

    • @Eduardo-rn7ng
      @Eduardo-rn7ng 16 днів тому

      or do this with views instead of image

    • @SuCodee
      @SuCodee 16 днів тому

      The array is of type anyview, so you can enter anyview you want, a picture or any normal view.

  • @w0mblemania
    @w0mblemania 18 днів тому

    Thanks for this. Just a comment on your TextBuilder class. It doesn't seem to hold any state... So you could just make it an enum, with static functions, for name-spacing reasons. That way, no class is ever instantiated. Cheers.

  • @omotayosamson6892
    @omotayosamson6892 19 днів тому

    This is great

  • @DlovanSharif-r7m
    @DlovanSharif-r7m 24 дні тому

    Very talented akhi

    • @SuCodee
      @SuCodee 24 дні тому

      Thank you ❤️

  • @ADITYARAJ-yv2tr
    @ADITYARAJ-yv2tr 25 днів тому

    learn't lot from you, thank you

  • @clysiasNeves
    @clysiasNeves 25 днів тому

    Excellent. With your video and some minor modifications, I was able to simulate the navigation bar display mode of the Health app. Thanks

    • @SuCodee
      @SuCodee 25 днів тому

      Thank you this one is old, but I have a create a new one is much better ua-cam.com/video/AfMlWTJJoqk/v-deo.htmlsi=sut9RJ_iqUCFKqop

  • @valentinberg7
    @valentinberg7 29 днів тому

    This is so cool! The format of the video

  • @homerreal
    @homerreal Місяць тому

    Thank you for the tutorial <3

  • @itsayan1616
    @itsayan1616 Місяць тому

    🙌

  • @ThangDangDinhBao
    @ThangDangDinhBao Місяць тому

    Very nice

  • @captainmichaelj2321
    @captainmichaelj2321 Місяць тому

    amazing

  • @marcelmuller3777
    @marcelmuller3777 Місяць тому

    Awesome 😎

  • @leandro5406
    @leandro5406 Місяць тому

    the backend of how to get the feedback would have been so helpful to me 🥲

  • @windydo302
    @windydo302 Місяць тому

    Please create more custom loading animations like this one. Thanks!

    • @SuCodee
      @SuCodee Місяць тому

      There's more and free , check out the source code on patreon

  • @w0mblemania
    @w0mblemania Місяць тому

    Very nice.

  • @captainmichaelj2321
    @captainmichaelj2321 Місяць тому

    Do you not do any UIKit? SwiftUI views can be locally used, but a lot of my iOS apps are in UIKit. I am trying to get a cool activity indicator image...

  • @lixun3843
    @lixun3843 Місяць тому

    Nice Job

  • @VELIXYZ
    @VELIXYZ Місяць тому

    Loader*

  • @robertmartens7839
    @robertmartens7839 Місяць тому

    "Add Your Title"

    • @SuCodee
      @SuCodee Місяць тому

      You will see many mistakes in the future 😂

  • @lixun3843
    @lixun3843 Місяць тому

    super cool man❤❤

  • @lixun3843
    @lixun3843 Місяць тому

    I love it 🎉

  • @lixun3843
    @lixun3843 Місяць тому

    thanks❤

  • @ios-insights
    @ios-insights Місяць тому

    Nice animation.

  • @Ilya__s
    @Ilya__s Місяць тому

    Love Neon effects! Thanks for sharing, I'll try it tonight 💪💕

  • @triplemardito
    @triplemardito Місяць тому

    What is the "CardTranstion" file?

    • @SuCodee
      @SuCodee Місяць тому

      It is just the app file When you create a new application in xcode. This file will be created

    • @triplemardito
      @triplemardito Місяць тому

      @@SuCodee ok thanks. Good vid

  • @justmytraining4190
    @justmytraining4190 Місяць тому

    thank you

  • @khalidkhan5308
    @khalidkhan5308 Місяць тому

    with default xcode theme would be better it's too dark

  • @Prashant-7
    @Prashant-7 Місяць тому

    Love it bro 😍

  • @programmerfromscratch7634
    @programmerfromscratch7634 Місяць тому

    Hello, I have great respect for your work. At present, I'm in the process of creating a platform specifically designed for sharing SwiftUI code. Would you consider participating and contributing your code on this platform? If you're short on time, I'd be happy to sign up on your behalf!

    • @SuCodee
      @SuCodee Місяць тому

      Contact me at x plz @sucodeee

  • @jaylau3470
    @jaylau3470 2 місяці тому

  • @SuperTed86
    @SuperTed86 2 місяці тому

    Fantastic work! Very easy to follow.

  • @Prashant-7
    @Prashant-7 2 місяці тому

    Amazing bro keep it up , love it !!

  • @mahimaaprampaar9384
    @mahimaaprampaar9384 2 місяці тому

    I really need this. Thanks

  • @w0mblemania
    @w0mblemania 2 місяці тому

    Firstly, thanks for uploading the video. Secondly, a few suggestions: - you are using a combination of hardcoded values, and Dynamic Type. The design will break on real machines. In real use, it will need to be heavily modfiied to use the available device space and Dynamic Type, and probably some maximum Dynamic Type sizes. - try to be consistent with your spacing. You are mixing stuff like "height:50" and "height: 50" all over the place. Same thing goes for braces. Think of it like writing the English language. You need proper spacing, punctuation. - try to stick to Swift coding conventions. e.g. a property name should be camelCase. e.g. "startTitle" instead of "StartTitle". Cheers.

    • @SuCodee
      @SuCodee 2 місяці тому

      I appreciate this thanks

  • @fg8520
    @fg8520 2 місяці тому

    iam new to swiftui, how did you make the animation when the button pops up at the end 12:07 great video by the way 👍👍

    • @SuCodee
      @SuCodee 2 місяці тому

      Sorry, I didn't notice this Forgot to ope the button code Button(action: { withAnimation(.spring(response: 0.6, dampingFraction: 0.7)) { show.toggle() }}, label: { Text("Show Delete Card") .font(.title) }).tint(.pink)