WPF Switching Views With Navigation Using MVVM And Dependency Injection
Вставка
- Опубліковано 7 вер 2024
- WPF Switching Views With Navigation Using MVVM And Dependency Injection this tutorial will show you how to switch views in wpf using MVVM and dependency injection using C# the programming language and WPF the programming UI framwork in order to navigate through multiple views you can use this with multiple windows as well this is a tutorial and a guide on how to create a professional wpf application using C# and how to navigate through multiple views in WPF.
Patreon: / payloads
Discord: / discord
Patreon: www.patreon.com/payloads
Discord: discord.gg/kNFPKhvnYz
I beg you for explanation video for idiots (like me) what is what, for example what we are exactly doing in App.xaml, what is IServiceCollection etc. ok, so I watched to the end, and I'm completely lost ): . I mean I understand base functionality but func? NavigationService? idk. And yes i know documentation i looked at it and 0-0. I will Love explenation viedo on this exact project.
@cebulaczerwona3425 This is the one missing from all over internet! No one explains what he does and why he does it!! They just keep typing and typing and typing... What's the point of spending hours typing a code that could be presented as a source code!! Either they do that to earn money or they do NOT know how to teach!!
If you want to teach something to someone you need to go down to the level of the learner and realize the questions that he would be asking if you were face to face with him!! Unfortunately there are no good teachers. They just typing and typing... I have subscribed here but I am disappointed... And what is the point of narrating something like you are in a hurry to go to the loo!! To teach someone you need to be not only a good programmer but also a good teacher!!
Once again disappointed!!
I understand where you're coming from, and the issue is that explaining that would require it's own video. A good idea would look at the implementation in the video and try to understand what's going on combined with MSDN for instance. Or join the Discord server and ask more direct questions there.
Appreciate the feedback! @@niangel2704
this video just saved my life. I had some code with very half-baked ideas on how to do exactly this but it just wouldn't work, and spent like 1.5h following along with the steps you take to reform what i had and see the advantages of your approach. And really, it works absolutely beautifully, so thank you even a year later :)
Beautiful, you cant imagine how long I have been looking for this, it is exactly what I needed. Thanks!
I'm glad you found it useful! :-)
Went through this video about 2 weeks ago and was just stumped as to why things were done in certain ways. After leaning more about the need for ObservableObject and RelayCommand I came back to this video today and just breezed through it. Really good video. Thank you
This is fantastic - it really drove home the different pieces and how they work together. Thank you!
Thank you! And you're most welcome :-)
I was completely lost i my WPF project, since i started it just today, but you helped me so much!!!! Now the project looks structured, it works and i learned a lot! thanks for such a great video!
Absolutely amazing. Right what I was looking for. After searching for this on You tube and Linked, landed on this video after many months. Thanks for your help.
I'm glad you foudn something that was useful! :-)
Thanks alot. Fast and comprehensive information I needed. It's rare to find so much information in such a short video.
I'm glad you found it useful! Thanks for the nice feedback!
Deffinitly best tutorial videos on wpf on YT. Thanks mate Also those videos on how to make Flat Design they are perfect
Thank you for this tutorial, I must say it is the simplest I ever watch. For the next can you make a tutorial about passing data using this navigation. Thank you!
Awesome, would love to see a version using community toolkit and what that would change.
Agree with this, especially growing popularity of community toolkit, video would be useful
I second this! Does the new toolkit provide means for navigation using services and DI?
If you want to use the Community Toolkit, you can simply use derive from Observable Object instead of creating a ViewModel class, and use the RelayCommand provided by the Community Toolkit, at least that is what I've done and works like silk.
This is what i needed, and you explained well, however did not figured out what is (???) at 17:26 , I had to remove it for me to work.
Well I got through this toward the end but new RelayCommand(execute: o:object => gives errors.
A comment to satisfy the UA-cam gods…theeeereee youuu gooo
Hi. Thanks for great video. Fast question. I'm having a scenario that require to show same window multiple times (same View and ViewModel) but with other data. My question is : Do viewModels need to be singletons ? I think not, but maybe I'm missing something.
Thank you for this wonderful video. I would like to know if you have this same video without core anymore by using microsoft mvvm please? thank you so much.
Thank you for this great video. Please at 16:14, I cant see well the parameters of RelayCommand execut:0:oject=>{...} doesnt work for me, i had to rewrite as a function. do you mind ,please, to post only that part here? thank you again for this great job very helpful
Same error
Thank you for this great tutorial! As a newbie this was really informative.
Heck yeah! I'm glad you found it useful! :-)
Thank you for this video, very helpfull, i was wondering how to pass parameters with navigation, i changed the factory from Func to Func so i can pass parameter as an object, but i don't know if this is the right way, even if it works
Very great video, as a beginner this was very good to understand and it works perfect in my wpf app!
The only thing that I wish would also be in this video is how I can still do pop-ups when needed. I thought of something more generic like using the constructor of the view model of the user control to set the height and width and stuff, so that the view model base class does the stuff for it. I just can't think of a way to do it with dependency injection. Any advice?
But still thank you so much for this video and keep it up! :D
welp, I got the pop out thing myself lol
I was so happy to finally see a video again. greate job
Thank you! Happy to see that you're still around! :-)
@@_buffer 💚💚💚
What IDE is this, it looks minimalistic and great !
Thank you. Wouldn't it be a bit more modulable if instead of derivating the Core, having a IServiceNavigation interface ? Then simply init the class with the navigation, then its command... Nit picking I guess, but it woudl feel more reusable.
What does (???). in the various Path's mean?
I have the same issue. I have never seen this before.
Really nice video, i have learned a lot from you and this video! One thing though im a bit confused of is how do to set the other ViewModels DataContext? Its just i have tried something, that doesnt work the way i expected... You can try it youself by deleting the MainViewModels ButtonBindings, and then try to press the buttons on either HomeView or SettingsView. When i try it, it doesnt work?
Do you still need OnPropertyChanged in the setter of the Navigation property in the MainViewModel Class. There is already an OnPrpertyChanged in the setter of the CurrentView of the NavigationService
For some reason "ContentControl" in MainWindow is displaying the name of the viewmodel class file name rather than display the view that it's associated to?
This was amazing. Thank you so much. 👍
You're most welcome! :-)
Very useful what you did here!
Thank you! I'm glad you found it useful! :-)
Wait so you don't use pages for navigation?
When clicking Home error goes System.Windows.Markup.XamlParseException: 'Page can have only Window or Frame as parent.'
Error was indeed in xml file.
You need to make sure its `UserControl` class and not any other
I have similar code but I dont need creating new instance of viewmodel every time I change views. I have a lot of data that viewmodels are storing and this method of changing views would terribly slow down the program
Hello Payload! I have a question. Maybe it`s kinda stupid question. So, should i use MVVM when i have a lot of different windows with different functionality (I am making diary, and there I have MENU window and other window where I working with all that writing stuff)?
So, I have 3 groups
(1.Main menu window and window with all writing and editing stuff,
2. account settings and customizing window to change look of main menu window (i have button on main menu window to navigate to them)
3. Login and registration).
I guess they would look good with MVVM, but i am not sure if they can be putted together like that. Should i put all those windows that i work with, right into folder MVVM, and working there with those groups? Thank you in advance
Good question! If you join the Discord it'll be easier to help you :-)
How to set child view model properties from parent? When i do that, the child User Control displayed on the main window parent does not change its properties, i have set the data context
Fantastic tutorial!! 😊
Thank you so much! :-)
What if you open windows? Do i register the view models as transient? It is complicated when you have to use child forms
Does this code create new instance of someViewModel every time you change views? how to create and use only 1 instance for every viewmodel?
@Payload what is the name of IDE you used?
Rider :-)
Great video. I had to use a magnifying glass to view the code. Font is too small.
Great tutorial. Totally cool, simple but effective. where can we get the source code, save me some key strokes. Thanks,
Thank you! And the source code can be found over at my Patreon www.patreon.com/payloads
Great video, you got a new subscriber (:
are UserControls created every time we click a button to go to them, or they have only one instance?
hey! i know its been like 7 months since you posted this but is there any way you could tell me how id set a default CurrentView? i want the homeview i have to be a navigation hub and i cannot for the life of me figure it out. thanks!
edit: also, how do i pass in a variable to a view im switching to?
in your OnStartup method in App on the video, put
var navService = _serviceProvider.GetService();
navService.NavigateTo();
and to the second question, i think you need to get rid of the in-line delegate when defining NavigateHomeCommand for example and instead pass in an actual function which can change the properties of a class which other viewmodels can access.
hope i could help a little bit
You can do this by calling the NavigateTo function in the MainViewModel like this
public MainViewModel(INavigationService navService)
{
Navigation = navService;
NavigateToHomeCommand = new RelayCommand(o => { Navigation.NavigateTo(); }, o => true);
NavigateToSettingCommand = new RelayCommand(o => { Navigation.NavigateTo(); }, o => true);
Navigation.NavigateTo();
}
Great tutorial. But the volume is a little on the low side.
You sure it’s not on your side bud, volume is fine for me!
Thank you! The volume seems fine on my end too actually :-)
nice video, it helps me alot!
Hello, nice tutorial. just wondering if there is a simple way to pass parameters to other viewmodels when navigating to one?
And how to allow Dependency Injection for Views eg. if someone what's to inject EventService into View.cs how would you do that?
did you get how to pass parameter to viewmodel? I want to open details of client (to edit), but I don't know how to do that
wow, I can't believe it, I asked chatGPT how to do it and he answered with working code :)
@@AndrzejKlonowski Similar to how you set the DataContext when instantiating the MainWindow to the MainWindowViewModel you could initialize any property in your ViewModel when adding it to the serviceCollection. Additionally, since this should be an instance of your ViewModel, the work done in your constructor should be processed as well.
Amazing as always ❤️
Hi i applied this method for my new project and it ran fine for a while, however now i am getting sudden Errors in my app.xaml telling me that my sources that i use for my viewmodels and views do NOT exist within the previously used and until then working namespaces. I tried reloading the folders into the project but to no success. Its beginning to get really frustrating as i am no longer able to compile my project. Does anybody know how to handle this?
You need to change in your App.xaml StartupUri="MainWindow.xaml"> to StartupUri="MVVM/view/MainWindow.xaml">
Hello, can someone tell me how to make authorization with this code? Those. so that I can log into my account and I can get the UserControl output working.
I'm stuck at 16:12. where you do NavigatoToHomeCommand = new RelayCommand(execute: O :object.... I get a bunch of errors, starting with the fact that O is unknown...
new Relaycommand(o => ...) get rid of execute::Object
Oh man, a service locator, can we do it without the service locator?
Which theme do you use in Rider?
is it working under .NET 6?
Yep, it works across all .NET Versions > 4.5
can u do a updated version of the chat hub with a login and setup the database but make it where it saves the last chats and how to add calling and video chat and make it a add function plz
Thank you very much for this great video. I studied a lot by myself, finally I can do it.
BTW, may I ask that, is it possible to do a multi-navigation.
For example, 2 views in 1 window, and there are 2 subviews in one view of window.
It can be contentcontorol or tabcontrol.
Thanks.
Look at view model locator concept
great job🤪
I saw another example where an AppHost is used to manage the DI container: ua-cam.com/video/dLR_D2IJE1M/v-deo.html . I wonder what the benefit the AppHost brings versus the ServiceCollection approach used in this video.
It's so complicated :/ I don't understand why this is such a different approach from what you used to switch views before. In your previous video ('Modern UI app') you made it much simpler, just reassigning CurrentView with Command on click, and switching between views worked the same.
Couldn't it be done as easily as in that video? I appreciate that you show how something is done, but if this is supposed to be a tutorial, it would be better if you did a longer introduction before doing it, what and why exactly you want to do.
This can absolutely be done in the simpler way that you mentioned. The difference in approach (and level of complexity) is a result of using the MVVM design pattern and Dependency Injection. Using MVVM and DI simply adds some benefits (e.g. easier unit testing, reduced overall complexity once you hit a certain app size) that some may feel are worth the added complexity, and it's those people that this video is targeting.
@@repossession ok
nice
Thank you Yousef! :-)
what ide Is that
Good question! It's called Rider and it's developed by JetBrains!
What keyboard do you use?
Custom keyboard with nk_sherbet switches :-)
ty bro
Anytime! :-)
I had a problem yesterday about navigation. So, maybe u can help me. I have 4 different UserControls (views) on 1 page with one GlobalVoewModel. I had to switch (navigate) on one of UCs without changing the others. It's was very difficult and I came to solution by just using flipper element from MeterialDesign, but I actually don't like it. Any advices, payload?
@@_buffer bro
@@haku5957 Sounds like a design issue, feel free to hop in the Discord, will be easier to help you over there :-)
whys bro awake at this time
Because content! :D
I hate youtubers like this. who don't even share the code if we don't pay.
What a complicated mess only to do that. I should be a more simpler way
😂 i can't believe this either. looks like an April fool's joke. this ain't "easy"
Layne was better
beautiful #FFE51400