- 191
- 196 255
SuCodee
Приєднався 30 вер 2022
I started learning SwiftUI a year ago, and I loved it very much, and here I am sharing everything I learn with you, and I will always be happy to help you.Welcome and thank you for the support.
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!
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
Todo TimeLine App with splash screen animation
Переглядів 75128 днів тому
Todo TimeLine App with splash screen animation
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 Neon Text with Animation
Переглядів 286Місяць тому
SwiftUI in 100 second Neon Text with Animation
SwiftUI Login and Sign-Up Screen with animation
Переглядів 1,3 тис.Місяць тому
SwiftUI Login and Sign-Up Screen with animation
Looks very nice! Almost like a windrose picker for picking between 0° and 360°. Keep up the good work! 🥳
This one is a dynamic. You can put any number from to
Best content ❤❤❤
Thank you
That's pretty cool. Could you implement that with UIKit?
Now i know SwiftUI only
You’re the best. Thanks for taking the time to make this 🙏
You’re welcome ☺️
Note: You must delete .scrollTargetBehavior(.view Aligned) 5:25
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)
考虑在onDisspear 中管理状态
Nice work. Please make a video of a similar picker but radial like iPhone camera zoom radial picker
The same thing but circle right ?
@@SuCodee Yes please. Either full circle or arc will do. Thank you 🙏
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?
you can contact me on X. @sucodeee and I will be happy to help you
smooth
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 : )
I will edit it now, thank you
😍
Great tutorial!
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
Hi, sorry for the late reply, but you can contact me on X @sucodeee and I will be happy to help you.
Very Nice!
uhhhh!!! Could you implement it with real iOS navigation? (Using NavigationStack, NavigationLink or a custom push, pop, etc)
or do this with views instead of image
The array is of type anyview, so you can enter anyview you want, a picture or any normal view.
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.
thanks
This is great
Very talented akhi
Thank you ❤️
learn't lot from you, thank you
Excellent. With your video and some minor modifications, I was able to simulate the navigation bar display mode of the Health app. Thanks
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
This is so cool! The format of the video
Thank you for the tutorial <3
🙌
Very nice
amazing
Awesome 😎
the backend of how to get the feedback would have been so helpful to me 🥲
Please create more custom loading animations like this one. Thanks!
There's more and free , check out the source code on patreon
Very nice.
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...
Nice Job
Loader*
"Add Your Title"
You will see many mistakes in the future 😂
super cool man❤❤
I love it 🎉
thanks❤
Nice animation.
Love Neon effects! Thanks for sharing, I'll try it tonight 💪💕
What is the "CardTranstion" file?
It is just the app file When you create a new application in xcode. This file will be created
@@SuCodee ok thanks. Good vid
thank you
with default xcode theme would be better it's too dark
No lol
Love it bro 😍
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!
Contact me at x plz @sucodeee
Fantastic work! Very easy to follow.
Amazing bro keep it up , love it !!
I really need this. Thanks
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.
I appreciate this thanks
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 👍👍
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)