SwiftUI - How To Handle User Input Tutorial

Рет қаралды 37,879

Күн бұрын

In this SwiftUI video, you'll implement the users favorites list using a model and binding it to the view so that the views automatically update when the data in the model changes.
𝗩𝗶𝗱𝗲𝗼 𝗧𝗶𝗺𝗲 𝗦𝘁𝗮𝗺𝗽𝘀:
00:00 Intro
00:46 Landmark Resume
01:42 Handling User Input
5:00 Show if isFavorite
12:14 Implementing the Toggle
16:45 Implementing the Model
44:58 Outro
I'm following and learning from Apple’s own SwiftUI tutorials and I highly recommend that you give them a read as well:
⚡ developer.apple.com/tutorials...
I'll be publishing more SwiftUI content and tutorials in the coming days so make sure you're subscribed and you won’t miss a beat:
⚡kzfaq.info...
SwiftUI is a new declarative framework to build user interfaces for apps across all of Apple’s platforms including iOS and the new iPadOS.
I’m super excited about Swift UI because it addresses the biggest concern I had with teaching programmatic UIs to beginners: that they would get lost and get discouraged.
SwiftUI is both intuitive and easy to grasp and it offers the maintainability and flexibility of a UI built with code. I’m going to start adopting it into my beginner material and I think you guys are going to really like it!
#swiftui #codewithchris

Пікірлер: 109

@CodeWithChris 5 жыл бұрын

QOTD ⚡Do you think SwiftUI is easy to understand? I've heard mixed sentiments. Let me know what your thoughts are below!👇 Kick start your own app with my free 7 Day App Action Plan ➡️ bit.ly/7dplan

@zzej 5 жыл бұрын

CodeWithChris swift ui is the best thing that has happened for app development. Remembers me of css or web development in general

@holycrosscv 4 жыл бұрын

It seems like SwiftUI is faster in terms of building the UI and has some powerful tools. I will take a complete re-learning for coding in Swift. Time will tell if the new tools will be attractive enough for me to learn a new way to code iOS.

@linnhuangsaplinnhuangsap6805 5 жыл бұрын

Thanks a lot for explaining the difference between Apple's starting point file vs. where we left from the previous tutorial!! Ahhhh was struggling on this.

@davidruvinskiy6347 5 жыл бұрын

I love your deliberate way of explaining concepts, Chris!

@CodeWithChris 5 жыл бұрын

Thank you for being here!!!!! @AdrienVillez

@ufookoro1 4 жыл бұрын

Thanks for the videos. I was learning UIKit and have executed a few projects. I have decided to transition to SwiftUI. Though interesting, it seems like a total re-education exercise for me. Keep up the good work.

@CodeWithChris 4 жыл бұрын

It's indeed a big change! Good luck in the world of SwiftUI @AdrienVillez

@tridaynee 3 жыл бұрын

I learned from you really it's amazing, thanks Chris!

@CodeWithChris 3 жыл бұрын

Awesome, Cao Nguyen! Keep on having fun! We appreciate you so much!

@therdgf 4 жыл бұрын

Congratulations, loved your videos! Good work!

@CodeWithChris 4 жыл бұрын

Thank you! Glad you enjoyed our tutorials! -Kat

@hanes2 5 жыл бұрын

I have about 40 videos and bookmarked save to read and learn once I get on SwiftUI, this get on that list as well :P actually been nice for me as a newbie that so many is making up to date beginner guides :D

@CodeWithChris 5 жыл бұрын

Well SwiftUI is a one week old baby so, this is why everybody is jumping on it! If you wanted the pro a something, now you can because there are no Pro in SwiftUI yet! @AdrienVillez

@ayanemay6298 5 жыл бұрын

Thank you for this video. When I first learned about swiftUI, I was desperate - I just finished 2 courses on swift and it was all for nothing? But no, we still use all that, even if some of them have really changed their syntax look(and that's really sad for our memory). I feel that they could have made swiftUI syntax more like swift - I mean not change uilableview to Text, and things like that. It's like I am learning completely different mobile development) but without learning swift first and going thorough all your courses I wouldn't have understood at all this. And what it says about SwiftUI that even with Chris explaining I have to rewatch this) Thankfully Chris knows how to explain things)

@CodeWithChris 5 жыл бұрын

Thanks for the comment! Yes, I believe that someone who never tried Swift will have a hard time figure everything out with SwiftUI. @AdrienVillez

@eliseerickson5994 4 жыл бұрын

I've been coding for 2 years and I've never seen the conditional at 11:00 handled so gracefully :o

@CodeWithChris 3 жыл бұрын

Thank you so much, Elise! Hope you and your projects are doing well. :-) -Arthur

@wheelycrafty 4 жыл бұрын

I must have spent at least three hours scratching my head as to why the previews were not working, but it was Workington my phone. So thank you, from a total newbie to developing, for spotting those errors. I have managed to use the same project the whole way through though by adding the isfavorite and isfeatured into the Json file

@CodeWithChris 4 жыл бұрын

Hello, good job on making it so far :) may i suggest looking into our full slot machine app written in swiftUI next? kzfaq.info/get/bejne/jNKYlrGDnLfWnqM.html or maybe our swiftUI version of the war card game app kzfaq.info/get/bejne/oq-opJeFqMrQgok.html - Francis

@crossman12388 4 жыл бұрын

Thanks Chris, Do you think you could make more Swift UI videos please. They are really good..

@CodeWithChris 4 жыл бұрын

Humm.. Coming... Hum Hum.... next week.... hum hum hum.... sorry, soar throat #SpoilerAlert @AdrienVillez

@nguyenduchoang1351 3 жыл бұрын

very good

@CodeWithChris 3 жыл бұрын

Thank you so much!

@baroncat8505 4 жыл бұрын

Hi Chris, thanks for your great video! I'm pretty confused about the "gap" between the first and second favorite landmarks, before we use ForEach instead of List. Could you please explain a little about that?

@CodeWithChris 4 жыл бұрын

The "gaps" mentioned was the empty list items if it was not a "favorite" landmark so it made a gap/space in between the items, using the foreach eliminated that problem because it creates a new list of only favorites if its on and creates a full list if its not - Francis

@sminkly 5 жыл бұрын

Hi. Thanks for the video. I have a question though. The landmark list checks the isfavorite of each landmark to determine whether to show it or not. Should the userData not control that ? ie the landmark list just tells the userdata model that it wants the favourites and the userdata then updates the landmark array that the landmark list uses. This way the view(landmark list) knows nothing about the data. From my limited understanding that is 'correct' way. I may have this completely wrong and perhaps this isn't the way the combine framework is meant to work.

@norberthaubner9515 4 жыл бұрын

Hey Chris, how about making a 4th Video where you go through saving the data, cause right now when I close and reopen my App the favorites reset to what they are in the loaded .json file. Thanks

@CodeWithChris 4 жыл бұрын

Hello, we created a forum for people needing coding help. Could you share this to our CodeCrew Community codecrew.codewithchris.com/ with screenshots if possible? Thanks! -Kat

@mykolamateichuk1382 4 жыл бұрын

Thank you for everything, you're amazing!!!

@CodeWithChris 4 жыл бұрын

You're so welcome!🙌🥳 - Kat

@shubhamdhingra7972 4 жыл бұрын

Thanks for your video Chris its really amazing .. Please update one thing BindableObject was renamed to ObservableObject and @ObjectBinding is now @ObservedObject. Additionally, in an ObservableObject you no longer need to implement didChange yourself, you just use the @Published attribute on any properties you want to publish and the rest will be taken care of for you.

@CodeWithChris 4 жыл бұрын

Thanks for the info! - Kat

@DEVL-sq6dk 5 жыл бұрын

You have so many swift tutorials. I want to build an app for school and later export it to my iPhone. I know some basic stuff and want to work with real xcode and not playground. With which video should I start?

@CodeWithChris 5 жыл бұрын

Playground is the best way to test a chunk of code without risking your main project or mix all the code. If Xcode is what you want, then open Xcode and get started coding! The videos here are not all just using Playground, we are coding in Xcode. The other videos we have cover Swift and a simple App for Beginners. @AdrienVillez

@gjermundification 5 жыл бұрын

Nice video, but how would one implement `.debounce( millisecondsIntValueForHowLongTheButtonWillBeParalyzedAfterLastPressed )` in which is of the essence to good U/X of buttons calling async functions; a like button as example. Sometimes it's wiser to make the app autonomous while syncing when there is connection to internet, however I see a lot of people making UI calling REST APIs directly, and for this `.debounc()` is imperative. A non-blocking wait inside the `Button( action: {} )`

@kuldeepmaheshwari1209 5 жыл бұрын

I am not talking about swiftUi but when I create an app on iPhone X and put correct constraints the also when I see it on a smaller phone I can hardly see what is at the down side or at the very top of what I created . please help Chris But yeah you are the most educated tutor on youtube I believe … good job

@CodeWithChris 5 жыл бұрын

Maybe a scrollview for smaller devices will be needed. Drop us a comment in the support group and we will be right there to help you! You can even send us some screenshots there. It's easier for us to help! bit.ly/CWCCommunity @AdrienVillez

@Tristan-zr6gf 5 жыл бұрын

Always exciting to code along and once again, great tutorial. One thing, the stars are not really showing here. I finished the tutorial until the end, and I checked and rererechecked :) and the code looks alike. might it be, because I am not using Catalina and only the new Xcode version? Therefore I don't get previews yes, but might there lie the missing star issue? cheers

@CodeWithChris 5 жыл бұрын

Hello! Someone commented earlier that the stars don't show up on the SE or the X.... can't remember. Check on another device but maybe that code is not device proof. Also, if you do not use Catalina, you can still run on the iOS Simulator. @AdrienVillez

@Tristan-zr6gf 5 жыл бұрын

@@CodeWithChris thank you for responding, so quick 🤓📱👍 simulator works fine until the BETA version comes out for all. Yes, strange that no bug or at least a warning showed up, but it worked. Thank you 👊👍

@CodeWithChris 5 жыл бұрын

This beta is only 2 weeks old. You can wait for the public beta to come out for a more stable OS or wait for mid-September for the full release to the public. I also read an article that with Apple's new APFS drive format, it is super easy to create a new partition on the computer and install macOS Catalina. The good thing is that the new partition will take the space it needs as it grows and once you are done, you can delete it in 2 clicks. I haven't tested it since I don't code as much as before (full time editing videos here!) but all those articles are popping all over the web now! Maybe give it a try! @AdrienVillez

@deviner00 2 жыл бұрын

This has helped me build an app on this design and is fully functional and on the App Store. BUT!! How to persist the favourites so that the app can be closed and favourites remain?

@CodeWithChris 2 жыл бұрын

Hello, best to post your question in our CodeCrew forum so that our tech support staff can guide you. Go here: codecrew.codewithchris.com. Thanks for learning with us and congratulations! -Arthur

@mingweihe8100 4 жыл бұрын

Hi, Chris, Thanks for your great video, always so nice, 1.5 playback speed is just excellent pace for me. While could you please make an updated video for WarCardGame adapting SwiftUI. I've just done UI part by modifying that LaunchScreen.storyboard in SwiftUI, because it's a similar file with the file you've worked on last time. But no ControllerView.swift this time, it's frustrating, I totally selected a different environment. The only reason I've watched this three video series is for checking how and where to make a button action like WarCardGame, and you didn't mention a word about it. For me, a ios beginner, what I want to know is how to transfer what you taught to SwiftUI, and where to write the code.

@CodeWithChris 3 жыл бұрын

Hello! Our technical support staff can help you in our fourm. Post your question here: codecrew.codewithchris.com. All the best!

@pinkfloydtosing 5 жыл бұрын

Hi Chris! I noticed you hade a different solution than in the tutorial. In UserData you conform to the BindableObject while the tutorial conforms to ObservableObject. Have they updated the tutorial since you made the video or what's the reason for those differences? I'm new to both Xcode and SwiftUI so my head is about to explode :)

@pinkfloydtosing 5 жыл бұрын

Never mind, I found out that BindableObject was renamed ObservableObject in beta 5 :)

@icykol 4 жыл бұрын

@@pinkfloydtosing Thank you for this info! Do you mind sharing how you found out about this info so I can be more self sufficient in debugging next time?

@raquelaranda6687 4 жыл бұрын

Muchas gracias, Chris. Genialmente explicado. Ahora BindableObject ha sido sustituido por ObservableObject

@CodeWithChris 4 жыл бұрын

¡Increíble! ¡Gracias por aprender con nosotros! - Kat

@raquelaranda6687 4 жыл бұрын

@@CodeWithChris Gracias a tí siempre. También me gusta ayudar. Aporto los cambios: class UserData : ObservableObject { var objectWillChange = ObservableObjectPublisher() // implementa implícitamente un PassthroughSubject var showFavoritesOnly = false { willSet { self.objectWillChange.send() } } var landmarks = landmarkData { willSet { self.objectWillChange.send() } } }

@krunallpatel6034 4 жыл бұрын

Hi Chris, how to hide the right side arrow(>) in the "LandmarkList" view cell?

@CodeWithChris 4 жыл бұрын

Hello, this thread can help you stackoverflow.com/a/56586580 - Francis

@krunallpatel6034 4 жыл бұрын

@@CodeWithChris Thanks dude.

@ecptavares 5 жыл бұрын

Why do you put .navigationBarTitle on the list closing brace instead of the navigation closing brace where it would make more sense?

@CodeWithChris 5 жыл бұрын

Yeah.. lol that’s why I was so confused at the end of the previous video

@jeffCyberCafe 4 жыл бұрын

since recent xcode update now my live preview for the toggle switch isnt working was working fine before update any advice? did this happen to anybody else?

@CodeWithChris 4 жыл бұрын

Hello! Sorry to see you are having trouble. You should consider posting your question (with code sample and/or screenshots) in our community group that can be found here (bit.ly/CodeCrewCommunity). Make sure to check the posting guidelines (bit.ly/CWCHowToAskForHelp) like that we can help you the best as we can! Thanks for being a CodeCrew member! @AdrienVillez

@davidhedelin7987 4 жыл бұрын

Did you find the answer? @DJ Jeff Hogan

@user-pk4ve8gj6t 4 жыл бұрын

The preview was generated by the preview struct !!! Thx. I tried two hours to fixed it but failed. Thank again.

@CodeWithChris 4 жыл бұрын

Great to know that you succeeded! You're more than welcome! :-) -Arthur

@pickemparty 4 жыл бұрын

Do you know how a user can "tab" through multiple text fields by hitting the return key on the keyboard in SwiftUI?

@CodeWithChris 4 жыл бұрын

Hello, maybe this tutorial can help you programmingwithswift.com/move-to-next-text-field-with-swift/ - Francis

@pickemparty 4 жыл бұрын

@@CodeWithChris Do you have a version for SwiftUI? This is using storyboards which is common and already known.

@TheSpiralnotizblock 5 жыл бұрын

For a beginner its some like a overflow of informations. I worked already with UIKit and watched some Videos of SwiftUI. Both of them are very intressting. What should I focus more on it, SwiftUI or UIKit? You are already a programmer with several years of experience. What would you say? PS: You videos are awesome!

@CodeWithChris 5 жыл бұрын

I agree that SwiftUI is a big overflow of info as you kinda need to know a bunch of Swift things to understand what's going on. So yes, Swift is definitely not dead and you still need it to write the code that will be the "brain" of your app. Now SwiftUI is brand new and so, nobody is a Pro at it. It's the perfect time to practice and know it too like that in 3 years you can proudly state that "you have been there since the beginning of SwiftUI and know it front and back!" @AdrienVillez

@TheSpiralnotizblock 5 жыл бұрын

@@CodeWithChris Thank you for the answer. Are more videos about Swift UI planed in future?

@CodeWithChris 5 жыл бұрын

Yes of course! Now we are also working on improving our courses available on www.codewithchris.com and other KZfaq videos! Stay tuned! @AdrienVillez

@apptesting 4 жыл бұрын

Hello Chris, In the landmark turtorial, when I am trying to add my own landmark in to the list, I am getting an error "Thread 1: Fatal error: Could not load image xxx.jpg from main bundle."

@CodeWithChris 3 жыл бұрын

Hello! Our technical support staff can help you in our fourm. Post your question here: codecrew.codewithchris.com. All the best!

@williamstorey5024 4 жыл бұрын

Where did u get the documentation app that you are using?

@CodeWithChris 4 жыл бұрын

developer.apple.com/tutorials/swiftui/handling-user-input Hello William, is this what you're looking for? -Kat

@sergeykolinko 4 жыл бұрын

Hi Chris I’m playing with SwiftUI wright now. And I have a question to you about the WabKit: import SwiftUI import WebKit struct WebView : UIViewRepresentable { let request: URLRequest func makeUIView(context: Context) -> WKWebView { return WKWebView() } func updateUIView(_ uiView: WKWebView, context: Context) { uiView.load(request) } } struct webView_Previews: PreviewProvider { static var previews: some View { WebView(request: URLRequest(url: URL(string: "www.apple.com")!)) } } //All works. But keyboard is not appearing when it needs. If you have any solutions it will be great! Thank you!!

@CodeWithChris 4 жыл бұрын

Hello! If you need coding help, we have a community here where you can post your questions and codes codecrew.codewithchris.com -Kat

@bitcoinneverdie9699 4 жыл бұрын

I feel like SwiftUI is more like ReactJS and mbox. state, observable and observer. Can we use binding instead of environment variable to change the state variables?

@CodeWithChris 4 жыл бұрын

Hello, maybe this article about binding can help medium.com/flawless-app-stories/swiftui-understanding-binding-8e20269a76bc - Francis

@rainerwahnsinn3262 4 жыл бұрын

Yeah, it's the only programming language I know that has reactivity built-in. Pretty cool.

@hinodi 4 жыл бұрын

we can use ObservableObject for simpler codebase just like that final class Data: ObservableObject { @Published var count = 0 } hope it help others (strong)

@CodeWithChris 4 жыл бұрын

Thanks for sharing! - Kat

@starkleadership7236 5 жыл бұрын

HI Chris, I'm stuck at 15:32 of your video. I think something changes with Xcode 11 Beta 5 that was release on July 29th, as I receive a critical error "Unable to infer complex closure return type; add explicit type to disambiguate" when adding the ForEach statement. Tried following your video and again following the apple tutorial and the code is verbatim but I receive the error. Has something changed with Beta 5? if so will you be releasing an updated video?

@pinkfloydtosing 5 жыл бұрын

I've also hade a lot of strange errors with beta 5. I'm new to Xcode and swift so I thought I was doing something wrong until I found a comment on the Apple Developer Forum saying that erasing the derived data for the project and restarting Xcode often solves strange problems. And it has helped me 3-4 times already in only a couple of days. You can read more about it here: stackoverflow.com/a/46468462

@CodeWithChris 5 жыл бұрын

Hello, sadly you might need to check the documentation to see what changed. For now I will not be updating swiftUI as it's fast changing. Maybe in the future when it's in a stable version/build - Francis

@Extremelool 3 жыл бұрын

Can someone help me do same favourites list, but with UIKit?

@CodeWithChris 3 жыл бұрын

Hope you receive the help that you need! -Arthur

@michaelgoldstein8516 Жыл бұрын

I know this is an older video so you may not be monitoring the comments anymore, but I've got a list populated by data from Firebase and have multiple users who use the app. If the favorites Bool is just a field in the documents on the database, won't one user changing the Bool for isFavorites change it for every single user?

@CodeWithChris Жыл бұрын

We suggest posting on our CodeCrew forum so that our tech support staff can help you. Just visit this link codecrew.codewithchris.com - Pat

@bitsurfer0101 3 жыл бұрын

I like the coding style of if showFavoritesOnly == false rather than !showFavoritesOnly since it makes the code easier to read.

@CodeWithChris 3 жыл бұрын

Yay, that's awesome! :-) Thanks for dropping by! :-) -Arthur

@bitsurfer0101 3 жыл бұрын

Could you release the code or is this part of your training?

@CodeWithChris 3 жыл бұрын

"Hello, for some basic or one-time vids like this the source code is not usually provided, it may change in the future but we are still refining how we set up our source code because its getting hectic to manage - Francis"

@akshitdas2012 3 жыл бұрын

Could you please tell me if C# is a good scripting language for iOS apps?

@CodeWithChris 3 жыл бұрын

It can be but best to use Swift. :-) -Arthur

@akshitdas2012 3 жыл бұрын

@@CodeWithChris Thank you so much... Could you please tell me just one more thing? Is there any language which I should learn except Swift to make music streaming apps?

@CodeWithChris 3 жыл бұрын

Hello, it depends usually popular app languages right now are crossplatform, which are flutter and react native - Francis

@icykol 4 жыл бұрын

Hi Chris - I completed this tutorial fine till the very end and was able to build and run the code. However, (1) after the model and view separation, the "show favorites only" toggle button no longer toggles the list of landmarks (even though I'm able to click the button and toggle it). Additionally, (2) when I go into the landmark details page and click on the star, it does not toggle between filled and unfilled. Can you pls help? I followed every single piece of code exactly as is in the tutorial, the only deviation is I used "@ObservableObject" instead of "@EnvrionmentObject" in order to rid of of build failure. Thank you!

@Levalify 4 жыл бұрын

Same problem (

@thatomathibe2327 4 жыл бұрын

I've been experiencing the same problem. I will post it once I figure it out.

@Levalify 4 жыл бұрын

Thato Mathibe it helped me to check original apple tutorial. There’re a lot of updates in SwiftUI since June 2019.

@Levalify 4 жыл бұрын

developer.apple.com/tutorials/swiftui/handling-user-input#use-an-observable-object-for-storage

@thatomathibe2327 4 жыл бұрын

@@Levalify Thanks. Let me check it out :)

@Abrahimx7 3 жыл бұрын

How to use UserDefault with this tutorial ?

@CodeWithChris 3 жыл бұрын

"Hello, UserDefault is a kind of low level ""database"" that can be used on ios apps, you can check official documentation on how to use it developer.apple.com/documentation/foundation/userdefaults, its as simple as storing and getting your variables from the ""UserDefaults"" - Francis"