- 47
- 37 322
Design to SwiftUI
เข้าร่วมเมื่อ 7 ส.ค. 2020
Description
Welcome to Design to SwiftUI! My name is Craig Clayton, and I am here to share my knowledge of iOS. Focused mostly on SwiftUI but I will cover some UIKit. I like to focus on the design sides of things so I hope to show you how to create beautiful iOS app designs in both SwiftUI and UIKit.
- ABOUT -
Craig Clayton is a self-taught, senior iOS engineer, instructor and mentor at Ed Farm, specializing in cultivate change and promote innovation in education. He also volunteered as the organizer of the Suncoast iOS meetup group in the Tampa/St. Petersburg area for three years, preparing presentations and hands-on talks for this group and other groups in the community.
Empty States in iOS 17: A SwiftUI Guide to Keeping Users Engaged
In this video, I'm excited to show you how to enhance your app's user experience using SwiftUI in iOS 17. We'll dive into creating engaging views for various scenarios, like when a user can't find what they're searching for or when your app encounters data retrieval errors. Plus, I'll guide you on avoiding blank pages in your shopping cart when it's empty.
We'll explore the new ContentUnavailableView in SwiftUI, which is perfect for these situations. I'll demonstrate how to use it with a searchable list, adding overlays and customizing messages based on search results. You'll see how easy it is to display relevant messages or guide users with actionable steps.
But that's not all - I'll also show you how to personalize the ContentUnavailableView for different scenarios, like network errors or empty shopping carts. We'll add labels, descriptions, custom images, and even buttons to guide users effectively.
Remember, the ContentUnavailableView works seamlessly with List, NavigationView, TabView, and ScrollView. For anything else, you might need a custom approach, but these four views are already covered!
So, if you're ready to make your app more user-friendly and engaging, this video is for you. And if you like what you see, please give it a thumbs up to help others find it too. Let's get started and make your app stand out!
We'll explore the new ContentUnavailableView in SwiftUI, which is perfect for these situations. I'll demonstrate how to use it with a searchable list, adding overlays and customizing messages based on search results. You'll see how easy it is to display relevant messages or guide users with actionable steps.
But that's not all - I'll also show you how to personalize the ContentUnavailableView for different scenarios, like network errors or empty shopping carts. We'll add labels, descriptions, custom images, and even buttons to guide users effectively.
Remember, the ContentUnavailableView works seamlessly with List, NavigationView, TabView, and ScrollView. For anything else, you might need a custom approach, but these four views are already covered!
So, if you're ready to make your app more user-friendly and engaging, this video is for you. And if you like what you see, please give it a thumbs up to help others find it too. Let's get started and make your app stand out!
มุมมอง: 486
วีดีโอ
Begin Your iOS Coding Adventure: The Swift & SwiftUI Starter Bootcamp for Beginners
มุมมอง 318ปีที่แล้ว
🌟 Welcome to the Swift & SwiftUI Starter Bootcamp for Beginners: A 14-Week Intensive Course! If you're as passionate about learning iOS development as I am about teaching it, you've come to the right place. This course is specially crafted for beginners, taking you step by step through the exciting world of Swift and SwiftUI. 📆 Structured Learning over 14 Weeks: - Experience a comprehensive 14-...
Day One Preview - The Swift & SwiftUI Starter Bootcamp for Beginners
มุมมอง 280ปีที่แล้ว
Welcome to Day One of The Swift & SwiftUI Starter Bootcamp for Beginners! 🚀 Today marks the beginning of your transformative journey into the world of iOS development. In this preview, we're giving you a sneak peek into what awaits you in this 14-week intensive course. 👩💻 What's Inside Day One: - Introduction to the Swift programming language. - Overview of the course structure and learning ob...
The Ultimate Guide to Reusable iOS Networking: Part III
มุมมอง 471ปีที่แล้ว
In this final installment of our trilogy on reusable iOS networking, we'll look at how to create a custom network type in SwiftUI. We'll also cover how to configure the network in the app's settings, and how to use UIFormats to create reusable network designs. If you're interested in learning more about how to create reusable network designs in SwiftUI, then this is the video for you! By the en...
The Ultimate Guide to Mockoon for iOS App Development: Part I
มุมมอง 607ปีที่แล้ว
In this video, we'll be covering the basics of using Mockoon for iOS app development. We'll start by learning about SwiftUI and how to use it to create elegant user interfaces. We'll then move on to networking and learn how to create robust and efficient Swift applications. In the first part of this video series, we'll cover the basics. By the end of this video series, you'll have a solid under...
Mastering Swift 5.5 Networking: Part II Revealed
มุมมอง 354ปีที่แล้ว
Welcome to "Design to SwiftUI Presents... Building an Apple Watch Store App in iOS 17." This first video lays the essential groundwork for networking within Swift 5.5. We'll guide you through the API architecture and the critical components of a scalable networking layer. This course takes you from concept to completion, and by visiting www.designtoswiftui.com, you can access the full journey o...
Course Sneak Peek: Designing with SwiftUI in iOS 17
มุมมอง 147ปีที่แล้ว
"👋 Welcome, this video is a special sneak peek from our comprehensive DesignToSwiftUI course! We're excited to showcase some of what you can expect when you enroll. 🎯 What We Cover: Exploring the latest features in iOS 17 Building custom designs using SwiftUI 👩💻 Who Should Watch: If you're searching for a course that not only covers essential iOS features but also places a strong emphasis on d...
Design to SwiftUI: Build Your First Apple Watch App Demo iOS 17 | Full Course Version II
มุมมอง 635ปีที่แล้ว
This all-in-one course will guide you to build a feature-packed Apple Watch store app using iOS 17. Uncover the magic of custom design, fonts, and product searching while mastering Async/Await GET Rest API and Swift Data. With insights into product favoriting, grid switching, Apple Pay, and intuitive gestures, this course accommodates all skill levels. Make your dream app come to life today! Pr...
SwiftUI Basics: Searchable List in 100 Seconds Part V
มุมมอง 594ปีที่แล้ว
In this tutorial, we dive into creating a searchable list in SwiftUI. As you navigate the vast world of app development, you'll realize the importance of search functionalities in enhancing user experience. Whether designing a contacts app, a product catalog, or a recipe collection, having a searchable list can make your app stand out. We will guide you step-by-step in integrating a search bar....
Design to SwiftUI: Build Your First Apple Watch App | Full Course
มุมมอง 827ปีที่แล้ว
This all-in-one course will guide you to build a feature-packed Apple Watch store app using iOS 17. Uncover the magic of custom design, fonts, and product searching while mastering Async/Await GET Rest API and Swift Data. With insights into product favoriting, grid switching, Apple Pay, and intuitive gestures, this course accommodates all skill levels. Make your dream app come to life today! Pr...
Customizing Lists in SwiftUI: Tips and Tricks for iOS App Development
มุมมอง 2.3Kปีที่แล้ว
If you're looking to take your iOS app development to the next level, customizing your lists in SwiftUI is a great place to start! In this video, we'll explore different ways to customize your lists, including hiding list row separators, changing separator tint color, adjusting edge insets, setting alternating row colors, applying badges to list items, controlling section separators, and settin...
SwiftUI Basics: Edit List Moving and Deleting Items with Edit Button in 100 Seconds Part IV
มุมมอง 3.6Kปีที่แล้ว
In this tutorial, we'll explore how to move and delete items in a SwiftUI List. Learning these essential skills will make your app more dynamic and user-friendly, whether you're building a to-do list app or managing a collection of items. We'll demonstrate how to reorder items using drag and drop and then show you how to add swipe-to-delete functionality. By the end of this video, you'll have a...
SwiftUI Basics: List using ForEach for Sections in 100 Seconds Part III
มุมมอง 2K2 ปีที่แล้ว
SwiftUI Basics: List using ForEach for Sections in 100 Seconds Part III
SwiftUI Basics: Dynamic List in 100 Seconds Part II
มุมมอง 8712 ปีที่แล้ว
SwiftUI Basics: Dynamic List in 100 Seconds Part II
SwiftUI Basics: List Basics in 100 Seconds Part 1
มุมมอง 6072 ปีที่แล้ว
SwiftUI Basics: List Basics in 100 Seconds Part 1
How to design a SwiftUI onboarding app tutorial Part 8
มุมมอง 5052 ปีที่แล้ว
How to design a SwiftUI onboarding app tutorial Part 8
How to design a SwiftUI onboarding app tutorial Part 7
มุมมอง 2762 ปีที่แล้ว
How to design a SwiftUI onboarding app tutorial Part 7
How to design a SwiftUI onboarding app tutorial Part 6
มุมมอง 2422 ปีที่แล้ว
How to design a SwiftUI onboarding app tutorial Part 6
How to design a SwiftUI onboarding app tutorial Part 5
มุมมอง 2932 ปีที่แล้ว
How to design a SwiftUI onboarding app tutorial Part 5
How to design a SwiftUI onboarding app tutorial Part 4
มุมมอง 3782 ปีที่แล้ว
How to design a SwiftUI onboarding app tutorial Part 4
How to design a SwiftUI onboarding app tutorial Part 3
มุมมอง 4752 ปีที่แล้ว
How to design a SwiftUI onboarding app tutorial Part 3
How to design a SwiftUI onboarding app tutorial Part 2
มุมมอง 6102 ปีที่แล้ว
How to design a SwiftUI onboarding app tutorial Part 2
How to design a SwiftUI onboarding app tutorial Part 1
มุมมอง 1.4K2 ปีที่แล้ว
How to design a SwiftUI onboarding app tutorial Part 1
How to design a SwiftUI onboarding app tutorial demo
มุมมอง 1.5K2 ปีที่แล้ว
How to design a SwiftUI onboarding app tutorial demo
SwiftUI Stacks: A Quick & Easy Intro in 100 seconds
มุมมอง 2522 ปีที่แล้ว
SwiftUI Stacks: A Quick & Easy Intro in 100 seconds
SwiftUI Basics: Custom Shapes in 100 Seconds
มุมมอง 4792 ปีที่แล้ว
SwiftUI Basics: Custom Shapes in 100 Seconds
Simplifying Complex Designs with SwiftUI Grids
มุมมอง 4592 ปีที่แล้ว
Simplifying Complex Designs with SwiftUI Grids
Intro to CollectionView (Previous to Compositional Layout) using Storyboards
มุมมอง 3152 ปีที่แล้ว
Intro to CollectionView (Previous to Compositional Layout) using Storyboards
Wow, I just stumbled upon your channel by accident, even though I’ve been searching for Swift and SwiftUI tutorials over the past few months. Your videos, including this one, are top-notch! Why did you stop making them? It might be worth tweaking a few things to make your channel and website easier to find!
@@mariojackson802 thanks bro long story short just had to much on my plate trying to get back to them in 2025
It looks simple enough but I could not get it to work. Section would not group the sorted list. It would display every record item as a bold-highlight header. eg. 3 types of apples. It would display the Apple group 3 times. I spent hours, trying to get something to display properly
@@DouglasRutledge do you have the file on github?
@@DesigntoSwiftUI Sorry no I do no. I understand your code, made sense but the Section option does not seem to group the data. I used your code, just used my db. The list displays but Section property does not group the records only creates pretty formatting and displays it for every record.
@DouglasRutledge hmm I’m not sure what’s going on. If you can get it in a gist or Dropbox I’ll look at it later.
How do I change the selection color?
@State private var selectedItem: String? .listRowBackground(item == selectedItem ? Color.red : nil)
@@DesigntoSwiftUI Thats not the same background that's applied when the currently selected itemtag matches the $selection var.
@@linusolmin9313 it was an example of how to do it.
Sir, screen is so far away, hard to read.
Sorry
how to move items by using a button? if you are in a scrollview its useful to having to hold a button to move items
Sorry didn’t see this comment not really sure what you mean
Doesn't work. The name is extraneous and won't load
Can you show me your code in a gist
I am not sure what you did but I check and it all works fine. I put the code in the description good luck.
@1:42 yeah looks simple but tried it, isn't working on ios17 any reasons why? wanted to use this simple idea on a bigger project but of course its the simple things that dont work and you waste time on lol
Do you have a gist of your code?
I added the code for this project and it works fine for me in iOS 17. If you still have problems feel free to reach out and let me know. also it looks like I left the disclosure arrows on accident. Was that what you were trying to get?
Does this course include the latest updates from Swift 5.10 or 5.9?
No and it’s not really a course that covers swift like that. I would recommend looking for that on TH-cam or just looking at the doc for those specifics. Sorry.
@@DesigntoSwiftUI thanks for the quick reply! One last question: I’m looking for a good SwiftUI course, I used UIKit before and I have 5 years experience on Swift and UIKit. What is your recommendation for me? Thanks in advance!
@zaid.qattan are you looking for design stuff or just SwiftUI?
Hi, how I can use onMove modifier on Query?
Not sure what you mean
Can you provide source code? Not sure where to put the move func :(
Outside of the body var
Very nice computed var in SwiftUI!
Thank you
That was actually really useful and helpful, thanks mate!
Thank you 🙏🏾
Any discount coupon for pre-order people?
No more pre orders I already started. Sorry
What the course structure and projects look like, it’s not in the sale page. I know basics and had a gap though want to relearn and deep dive into advance.
@@bijayaadhikari442 it’s more for beginners where we build on skills daily. My other course where you build an app would probably be better this one covers design and we work through advance topics. www.designtoswiftui.com/course-page
love this, it's so concise and useful!
Thank you
this tutorial ive been searching for. Thanks a lot for your great work!!.
Thank you 🙏🏾
What's the theme called?
It’s a custom theme
@@DesigntoSwiftUI Do you mind to share it pls? I really like it
@@rofflcopter333 you want my Xcode theme?
@@DesigntoSwiftUI Yeah I would really appreciate it <3 this theme in the video looks amazing :D
@zfoxyz369 ahh that’s actually not Xcode and that video is a bit older I don’t have that exact theme anymore. Thank you by the way. I’ll see if I can try and find it.
Cool 😎 video . 👍🥳🫂
Thanks Prince
The best tutorial format for my taste, 100% pure info. Thank you.
Thank you
If you have any questions please don't hesitate to ask.
Could you please let me know how to enroll to this? Could not find any option in the website
@@arjunaacharya6697 Wow didnt event realize there was no button on the page. I updated the site it is there now so you can purchase here: www.designtoswiftui.com/boot-camp Thank you for your interest.
A lot of effort I hope you will be rewarded.
Thanks. I honestly am not doing it for the reward. I have written 4+ books for beginners and I really want to get something out there that’s finally on video that I can use to help beginners. If people enjoy it great but it’s not really about the reward per se. I hope you enjoyed the video and thanks for the comment.
@@DesigntoSwiftUI there are so many videos out there what is the difference between yours?
@@pandalanhukuk804well me first of all lol I don’t teach the other and my format is different. As well as my teaching style. You really have to pick whose style works for you. And nothing wrong with using more than one.
@@DesigntoSwiftUI Its just a feedback. I hope your format becomes successful than the others, but the competition does not sleep.
@@pandalanhukuk804 lol it’s not a competition to me but thanks. I’m friends with all the other content creators so if you go with them that’s great everyone learns differently and I’m not everyone’s style. Same goes for them. Paul Hudson, Sean Allen, Stuart Lynch, and the list goes on are all amazing creators and people. You can’t go wrong with anyone. Good luck my friend.
Great Video!!
Thanks Anthony.
effective video bro ❤
Thank you 🙏🏾
Hey Bro, great vidz again but where to find the files? 😅
Thanks Eric, sorry this video is from my paid course. It’s easy to create your feed with mockoon by either using there templating system or just writing it yourself.
@@DesigntoSwiftUI ok, thanks for the quick response 👍
Thanks @Craig! Very insightful! Keep em' coming!
Thank you 🙏🏾 more to come
Awesome tutorial, thank you! 👏👏
You’re welcome I’ve been using it since my first book. You guys are great. Thanks for resetting my credit back for the Ai stuff. I plan to cover it in a video soon. I used it in some corporate training I did but plan to make a video of it as well.
@@DesigntoSwiftUI We want to get more into education and this is a great use case 🙂 Let us know if you have specific feedback on how to improve the app for trainings.
I have to test it but I think that the templating system might not be working right with iOS. I had a problem and had to cut bait. I will test it again it could have been me but I’m definitely going to do more videos. By the way is there a way to do local image paths like from a folder that is something I have been really wanting to do instead of embedding in the app or putting them in s3.
Mockoon is great!
Have you used it before?
To the point. Thanks a lot, great video :)
Thank you I am glad you liked it.
When I implement the onMove in my code, it works one or two moves, then I get the error message Thread 1: EXC_BREAKPOINT (code=1, subcode=0x10a690394). Any help?? Thanks for the video
Can you share the entire error? Can you tag me on X? @thedevme
Tnak you for this amazing tutorial, I have just one question, Which book is the one you mention? Thank you!
SwiftUI projects it’s pretty old so some of the code has changed since it was released. Thank you 🙏🏾 so much for the compliment.
is there discount for student ??
If you want to email me and you can email me your student id and I can give a discount thedevme is my name on Twitter.
Thanks!
Just perfectly helpful - thank you!
Glad I could help
I cannot follow the instructions as of today since I need a new computer which can run SwiftUI, but I’m still going to purchase the course. Thank you!
Thanks 🙏🏾 I appreciate it.
I can’t wait for the course
Thank you for your interest 🙏🏾
Wow! This is going to be an amazing course. The promo video is super awesome!
Thanks Mohammad
Easy purchase. Paul mentioned it in his newsletter.
🙏🏾 thank you
Do you have a pre-order discount?
The current price is discounted until the course launches.
Nice one Craig! I missed watching your videos. Hope you can keep them coming regularly. 🙏🏽
Thanks bro happy to be back doing them again.
The link 🔗 is not working 😢
Thanks I updated it.
I want your xcode theme)
I’ll see what I can do it’s a modified theme from someone else
@@DesigntoSwiftUI Could you say the font name that uses in your theme, please?
@user-mf4iz9cq3d jet brains
@1:02 PDFs or PNGs?
Yes PDFs
Great one, love these video, can’t wait for the next one 🙏🤩
Thanks Eric
Awesome presentations .. short, clear, concise and beautifully animated.
thanks
Not sure what I'm doing wrong.. but when I am trying to move an item in the list (in the preview) the entire list scrolls up/down .. instead of moving the item to new location. If i press and hold then move it seems like it’s trying to move it but it’s not showing the dragged item (only the spaces where it will drop into) and when I drop it nothing happens (the items stay in the same order). In simulator however it seems to work fine (i do have to hold before dragging otherwise the entire list scrolls, but maybe that is expected to differentiate between a scroll operation and a drag operation).
not sure what you mean.
I am so proud of Santita Humphries!!!!!! She is an extremely bright and beautiful woman who will be one of the BEST IOS developers out there!!!!
💯
Very empowering. Thank you
Thank you 🙏🏾
Came across your video for the very first time...already excited to go through the remaining ones! 🤩
Thanks 🙏🏾
Lol
🙏🏾
hello! whats the differnce between Create Groups and Create folder references? in. tutorials, they never explain and use any, but i think there is a importante difference. i think, im not sure, hope someone can tell me. thanks in advance!
Groups are virtual folders that help you organize files without affecting the actual folder structure on disk. Folder Reference represents an actual folder on disk and maintains folder structure. Thanks for watching.
Awesome video! Thanks for the coverage
Thank you 🙏🏾 and thanks for watching. I appreciate the support.