.NET MAUI Tutorial for Beginners - Build iOS, Android, macOS, & Windows Apps with C# & Visual Studio
ฝัง
- เผยแพร่เมื่อ 4 ส.ค. 2024
- Let's start our journey together to build beautiful native multi-platform apps with .NET MAUI, C#, .NET, and Visual Studio! In this video I am going to guide you through the entire process and describe everything that is in File - New Project for .NET MAUI to build apps for iOS, Android, macOS, and Windows. We will explore what .NET MAUI is, how it works, what you need to get started, how to deploy and debug, navigate, style your app, and so much more.
Links:
* My .NET MAUI Playlist: • .NET MAUI for Beginners
* 4-Hour .NET MAUI Workshop: • Learn .NET MAUI - Full...
* .NET MAUI Beginner's Series: • .NET MAUI for Beginners
* Documentation: docs.microsoft.com/dotnet/mau...
* Microsoft Learn Training: docs.microsoft.com/learn/path...
* Hot Restart: docs.microsoft.com/dotnet/mau...
* Platform APIs: docs.microsoft.com/dotnet/mau...
* Visual Studio: visualstudio.microsoft.com/?W...
* .NET MAUI Showcase: github.com/jsuarezruiz/dotnet...
* Awesome .NET MAUI: github.com/jsuarezruiz/awesom...
* WSA Extension: marketplace.visualstudio.com/...
Join this channel to get access to perks:
/ @jamesmontemagno
👕 Buy some swag! - jamesmontemagno.myspreadshop....
☕️ Buy me a coffee - www.buymeacoffee.com/jamesmon...
Follow:
👨💻 GitHub: github.com/jamesmontemagno
🦜 Twitter: / jamesmontemagno
📄 Website: www.montemagno.com
📰 Newsletter: newsletter.montemagno.com/
Chapters:
00:00:00 - Intro & Overview
00:01:10 - What is C#, .NET, and .NET MAUI (what about Xamarin?)
00:06:30 - Get Started with .NET MAUI with Visual Studio 2022
00:08:15 - Create a new .NET MAUI project
00:10:45 - Exploring .NET MAUI projects
00:16:30 - App startup, app, app shell, main page, and lifecycles
00:21:40 - Deploying to Windows, Hot Reload, Live Preview, and more
00:28:20 - Deploying to Android emulators and devices
00:33:00 - iOS deployment options for .NET MAUI
00:36:00 - Deploying .NET MAUI to iPhone without a Mac
00:39:40 - Visual Studio for Mac, Deploy to Mac & iOS Simulators
00:43:50 - Navigating in .NET MAUI (Tabs, flyout, push page)
00:52:00 - Creating .NET MAUI pages in C# instead of XAML
00:54:30 - Access platform APIs with .NET MAUI
01:00:10 - Styling and theming .NET MAUI apps
01:03:40 - Wrap-up and next steps
Disclaimer: This channel, videos, and streams are created in my spare time and are a product of me... James Montemagno! They are NOT officially affiliated or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.
What is on my hat? It is the CLE clothing logo because I am from Cleveland! Checkout their awesome CLE merch: cleclothingco.myshopify.com/
What is that art on my wall? It is an original piece from the French street artist Gregos of La Butte Montmartre: / bcez1onhiqx
My Setup:
📷 Canon M50 Mark II - amzn.to/3P8R7lp
💡 Nanoleaf Elements Lights - amzn.to/3umwJVW
🎙 Blue Spark Microphone - amzn.to/3qgtYkq
🎙 Blue Pop Filter - amzn.to/3jEWM3r
🤳 Rode Microphone Arm - amzn.to/2Z68AlE
🎧 Sony MDR7306 Headphones - amzn.to/372jxta
📲 Stream Deck - amzn.to/373Uk1n
📹 Elgato Cam Link - amzn.to/3a9eGbh
📷 GoPro Hero - amzn.to/374lm90
🖱 MX Master 2S Mouse - amzn.to/3d7J2gj
⌨️ Tecware Phantom Keyboard - amzn.to/3aUP4y9
#dotnetmaui #tutorial #visualstudio #dotnet - วิทยาศาสตร์และเทคโนโลยี
![[LIVE] : ONE ลุมพินี 73 วันนี้!! คู่เอก "วรพล vs พันฤทธิ์"](http://i.ytimg.com/vi/rrOljlqse3A/mqdefault.jpg)
by far, the best MAUI tutorial that I have seen (James rocks anyway but still, this one was great). , I am already am a pro C# developer and researched MAUI stuff for the last several months so I knew bits and pieces but this really pulled it all together for me. Thanks James, really helped me!
Thank you so much James! I'm very excited about the .NET MAUI! Keep going!
Finally someone with a great voice for giving tutorials. Great !
these tips are enough to star building an application. Thanks a lot! Very useful !
Very good video! Helped me understand the basics and quickly start with MAUI. Thanks James!
You re-spark the developer within me. Thank you!
Wow, this is a super helpful and thorough intro to MAUI. Thanks for the detail.
Bravo James, as always. Now I start the 4hours one
Σε ευχαριστουμε JAMES!!!
Thanks once again James, great tutorial.
Great video. I am expecting more videos from you for designing form to enter details, validation and customizing controls
James, I love your videos. I would be really interested in more content about working with local data, building upon your workshop adding for instance a local database of monkeys, caching the online data and loading data not only by user interaction but when an app starts or a page is loaded. All while using a MVVMS approach of course.
Completely agree with you, Christian! I'd love James to cover that too, please!
I would love to see that too, it would be much appreciated.
Outstanding. Thanks for contributing your skills and time.
Awesome .NET MAUI Tutorial
Thank you so much! Amazing tutorial.
Awesome easy to start. Love it because not so fast, and clear described. Makes my entrance to MAUI alot easier. great video @JamesMontemagno
Easily the best video on the topic
Just one word: SUPERB!
Thank you for sharing knowledge. Great tutorial.
Really excellent video. Neat tools, great presentation!
Super James! It was a real good start!
This is a great video - thank you!
Amazing video, thanks for sharing all your knowledge
Thank you so much! Amazing !
Please make API Project (CRUD Operation) with Android, IOS, MacOS, & Windows. And how make project with VS Code?
Really inspiring. You have the touch to teach. Keep on!
Thank you!
Excellent video! So well done
Great video, congratulations !!!
Thank you for your awesome work, really useful for devs like me.
Glad you like them! THank you so much!
great video, thank you!
This video is great and very informative🙏
Great video ! the number of programmers on MAUI after such a video will definitely increase !
the question is-
how to change font size in title Content Page
Thank you so much for your efforts and help. This is a great video for starters and i really appreciate it. thanks again.
Glad it was helpful!
Thanks for the video, is incredible useful
This is great, keep it up!
James thank you a lot! 👍
Thanks for this video. You gave me nice jump start.
Glad I could help!
thanks, man. very helpful.
Thanks for sharing, great programmer
It's coming along nicely, very happy to see C# content pages
Wanted to make sure I get that in there as I always get asked :)
@@JamesMontemagno I also liked the intellisense with Xaml, I'm hoping this will be a feature with C# ? I know that might require method extensions and that requires more work.
Checkout the c# markup library for .net Maui it gives you you a lot of nice things
@JamesMontemagno Thanks James. Unfortunately, I've moved onto Rust 🦀 thank you
Great video :)! What's bugging me though is that the tabbar animation for winui 3 seems to only work half way. The "moving away from" animation goes smooth and that just "pops up" in the new tab, while I expect it to flow in. Dunno, looks strange to me
Subscribed.. I love C#
Nice intro James, very useful. I'm somewhat disappointed though that Visual Studio doesn't provide a WYSIWYG editor to construct the UI. Android Studio has been doing this for years. Very surprised that Microsoft removed this capability from Visual Studio. That's my only gripe really. Like the C# language, and the project structure, with all code and resources nicely accessible.
@AnotherCompany I've never even seen a WYSIWYG editor for UI lol
I wish WYSIWYG would just go away already. I'm not here to tinker around with your little GUI widgets and whatnot... so silly. If you are really handling frontend of any kind, XML based layouts or just widget based layouts like flutter should be no deterrent to you. If you are a backend person it's understandable but still. It's taking away resources from any team to be focusing on something so inessential like that.
@@purplevincent4454 Well, I mean WYSIWYG shouldn’t go away, I’ve got one implemented on my site for users to write notes in and stuff 😂 But as far as for development, it’s completely useless, at least I’ve never felt the need to use one. When I was a PhD student in maths, all of our work was typeset with LaTex and a lot of people weren’t comfortable with the pure markup and they used these WYSIWYG editors but the final code and compiled pdf looked like trash because it just has to guess essentially what you want
thanks!!!
Thanks!
Great tutorial
This guy is a coding ninja, I tell you. Can't mess with him 😁
I think these videos are amazing to learn .NET MAUI. I really wish,though, that there was more content on creating .NET MAUI and .MAUI Blazor hybrid apps using VS Code. I do a lot of programming on Macs and since Visual Studio for Mac is retiring on trying to find more resources to learn to use VS Code more efficiently for MAUI and Blazor app building.
Hi James, I enjoyed your Xamarin Forms tutorial and now this one as well. It's 1 year later since your video was published first and things are looking a bit different now but I got my first project done!
Glad it was helpful!
Really enjoyed this video.
Glad you enjoyed it
thank you for this awesome video
Glad you liked it!
Great video.
I love the hot reload and other debugging features, but it's unfortunate that "Set Next Statement" is not supported. Is this a mobile phone restriction or just something that hasn't been implemented yet. I've historically been able to set a breapoint and adjust values and set statement back a few lines and retry. Would be greate to have that here.
Thank you for this great tutorial! I'm hoping to create an app where users could have an account and give x/5 star ratings on a type of thing (restraunts, skate parks, whatever). What would the architecture for something like that look like? I'm guessing that I'd have to have the app and also have a database that it would communicate with. Are there any starting points you'd recommend? Thanks again!
So if I want to use my physical iPhone to test out the app, I need to pay for a developer subscription of 99USD per year?? You didn't really go over this step, if I'm not mistaken.
I would love for a visual builder like blend, or a name change for visual studio to just studio.
Perfect, ^.^
Hi, love your .NET MAUI video. As I was trying to run my app, this warning "Resetting for Cold Boot: Emulator Engine failed" showed up and my emulator shut down immediately.
I've tried reinstalling VS 2022 but it didn't help.
Any suggestions?
Great video James. Love it.
Question. I own a Windows 11 and Mac. I like to build everthing in Windows 11. A project may have API, Blazor Server and App, and .net MAUI Blazor. How would I get the .net MAUI Blazor project form VS on Windows to VS on MAC just to publish in xcode. Can I copy the whole project file off Windows 11 and bring to the Mac and it will run and work or is there a better way to do this? Or should I just build the phone side of things on the Mac from the get go?
James, I was curious about the "authentication" selection when you added the Blazor project. Should we not select that since the MAUI app should be handling authentication via API? I'm not quite sure how to handle authentication. By the way, love your video series.
Are there still additional considerations when developing Xamarin and Maui apps using an M1 macbook?
Hi James, my 1st time to program in through maui. Following the tutorial, I have connected my samsung phone through a usb but i dont see it in the debug list. Need your help
thank you so much
You're welcome!
How do I add a flyoutpage thats not the first page as I have a login page then a summary page then comes the flyoutpage. i can't see how you do that using shell
My biggest pain in MAUI is that a Windows app cannot be customized like a WPF app (I know it should replace Xamarin in the first place). Right now at our company we plan to create a new app which would have some common elements with our mobile application but I don't feel like it is possible to do it yet. We most likely will start working on it in WPF and will migrate later if MAUI will meet our expectations.
I'm getting a issue inside android and editor tag, it wrap words while typing.
Let's do my first .NET MAUI project!
I've tried creating the basic app, but nothing loads when I run it, no matter what I try. Any suggestions would be greatly appreciated.
Hi Sir,
How to write platform specific View(XAML). I want to show different XAML(view) for android as well as Windows. How to do that. Please help me!
ok james please how to use this DisplayAlert or any popup alert from the viewModel Using MVVM pleaseeeee. thanks
I keep getting an error in the android device manager. "Unable to read data from the transport connection: An existing connection was forcibly closed by the remote host." I've tried downloading different devices with no luck. Any ideas?
Is Maui a feascible base for a commercial VPN application?
Can I change an emulator demo example room?
hello how to add Serial Port & Timer control in MAUI frame work ?
A little bit late to the show, but can it really be that there is no XAML-designer in VS2022? So we are back to the days before Visual Basic 1 and Delphi 1 and have to create UIs by clunky XML? Oh my ... still superb video,, thanx for doing that
I'm running into a bit of an issue. I set up a .NET MAUI Blazor application and tried running it in debug mode for Windows. It keeps saying that I must enable deployment in the configuration manager before it can debug the application (which makes no sense because it's already enabled). Also, checking the bin folder in my project, it appears to have built a debug mode version for ALL platforms rather than just Windows. I do not know what to do at all. Any help would be greatly appreciated.
If you are indeed on a Mac there is limited support for Windows Applications with the Mac Preview version of Maui. Personally, I would stay away from Blazer Web builds until the final release, why deal with the headaches.
@@UX-FLEX Im on Windows 10 though
ok sir what are the pre required skills to start MAUI.Need some road map.
Hi, James. Very nice. Could you make a video with two mp3, one in Backgroundmusic with lower volume and one for a voice mp3. The Backgroundmusic i want to choose between different sounds which will be played when the voice file is playing? Thanks Andreas
I'm getting to grips with MAUI but a few things I don't understand. Why does Shell have all tabs and flyouts content defined there. Surely each page should manage its own content and layout. I couldn't fine anything online that explained why this is. Also you can't us DI without Shell, is that correct ?
Shell doesn't have to have tabs and flyout, it is only an option to define a hierarchy, you can use the specific pages later if you want too.
For DI it is the only navigation that does it automatically, but you could pass the service provider around easily enough if you are using non-shell navigation.
How to put a tabbed page at the bottom in windows??
I dont see the xaml preview window, is it removed in the newest VS?
It is still there. I heard there was a bug though that for some people it isn’t showing up. Double check versions
James, I am sure you know the current state of Last Stable Version 8.0.0 of CommunityToolkit.Mvvm regarding [ICommand] and [AlsoNotifyChangeFor] have error editing and stopped working. My question is was something new introduced to replace those two attributes and I am not aware of the new replacements? I have found that going back to 8.0.0-preview3 (preview4 - doesn’t work either), clears the error up. I have reported the problem but have not received a response. Can you share any insight? Thanks in advance.
The name have changed in the final version devblogs.microsoft.com/dotnet/announcing-the-dotnet-community-toolkit-800/
how do you adjust the window size for windows platform, for me when i load is huge window size almost same with my screen ,im using .net 6.0
This was a feature added in .NET 7 - learn.microsoft.com/en-us/dotnet/maui/fundamentals/windows?view=net-maui-7.0#position-and-size-a-window
Can you do one about uploading to appstore?
How can I create couples applications Android and windows and it's complete each other not same content the windows application that can manage Android app
MAUI with vscode ? or it will stay a dream
What's for web apps? Maybe creating another web project with sharing code?
Take a look at Blazor Hybrid docs.microsoft.com/en-us/aspnet/core/blazor/hybrid/?view=aspnetcore-6.0
Can we publish app without MAC?
@James Montemagno any chance to make a tut about compiling for iOS, we face a lot of problems in compiling for iOS and make our app on Apple store .
Have you walked through: learn.microsoft.com/en-us/dotnet/maui/ios/deployment/overview ?
Is it possible to build it with VS Code nowadays?
Early preview support now out there devblogs.microsoft.com/visualstudio/announcing-the-dotnet-maui-extension-for-visual-studio-code/ I recently did a live stream with it
@James How to Play MP3 Files in MAUI.
Myself is novice developer interested in MAUI Blazor. But got stuck in creating simple Login system for my MAUI Blazor app. Like Blazor give ready made login system. Please provide at least easy sample to create easy login system for my MAUI Blazor APP. So that we start creating app without spending ton of time in creating Login System only.Thanks
Have you looked into adding MSAL perhaps as a login system? There is actually full documentation on authentication with Blazor Hybrid - docs.microsoft.com/en-us/aspnet/core/blazor/hybrid/security/?view=aspnetcore-6.0&pivots=maui
Great video, James! Thank you! Is it possible connect a MAUI app to a USB device?
Instead of showing on how the default template works, how about showing on how to create a real dynamic app? SQL (CRUD operations), Passing on data to new pages or getting stuff from SQL.
just use entity framework core with sqlite, it's not that different from an aspnet core setup.
You should increase the size of your cursor so we don't loose track of it all the time.
i cant find xaml live preview. how to get it?
When you are debugging it should pop up else type it into the search bar in visual studio
@@JamesMontemagno thanks
does MAUI make Xamarin obsolete?
Think of .NET MAUI as the next version of Xamarin. It is the evolution. So you can upgrade your projects to .NET MAUI from Xamarin/Xamarin.Forms.
@@JamesMontemagno do MAUI applications require an Android phone to have a .NET framework installed on it?
if not, what is the overhead size of a MAUI application?
No, then you bundle up your application there is a self consigned optimized version of the runtime that is there handling your code.
Maui уже релизнули?
24:55
I’m incredibly shocked at how buggy Maui is. I haven’t been able to successfully build in the Android emulator, change tab bar design (existing bug apparently), and even had it freeze my entire windows machine. And this is all within the first hour.