Build .NET MAUI UI with XAML [4 of 8] | .NET MAUI for Beginners
Вставка
- Опубліковано 14 жов 2024
- Learn more ➡️ learn.microsof...
View full playlist: aka.ms/dotnet/...
Get Started with .NET in Visual Studio: aka.ms/dotnet/...
Welcome to the .NET MAUI for Beginners Series where you will learn the basics of building multi-platform apps with .NET MAUI for iOS, Android, macOS, and Windows from a shared C# code base. In this video, James shows how to start to build user interfaces for .NET MAUI with XAML, and xml based mark up language. He walks through building a full task application user interface with data entry, buttons, lists of data, and even swipe to delete all with XAML hot reload.
Follow along: aka.ms/dotnet/...
4 Hour .NET MAUI Workshop: • Learn .NET MAUI - Full...
Follow James:
James on UA-cam: / jamesmontemagno
James on Twitter: / jamesmontemagno
Links:
.NET MAUI Self-guided Learning on Microsoft Learn: aka.ms/dotnetm...
.NET MAUI Website: aka.ms/dotnetm...
Install .NET MAUI: aka.ms/dotnetm...
My Tasks Sample: aka.ms/dotnetm...
.NET MAUI Documentation: aka.ms/dotnetm...
.NET MAUI on GitHub: aka.ms/dotnetm...
.NET MAUI Workshop: aka.ms/maui-wo...
.NET Community Toolkit Docs: aka.ms/dotnetm...
.NET Community Toolkit GitHub: aka.ms/dotnetm...
More .NET Beginner Series Videos: dot.net/videos
.NET UA-cam - / dotnet
.NET on Twitter - / dotnet
#dotnet #dotnetmaui #ios #android #windows #macos #csharp
🙋♀️🙋♂️ Get your questions answered on the Microsoft Q&A for .NET: aka.ms/dotnet-qa
🏫 Learn C#, F#, and .NET with free self-guided learning from Microsoft Learn: aka.ms/learndo...
![.NET MAUI Data Binding with MVVM & XAML [5 of 8] | .NET MAUI for Beginners](http://i.ytimg.com/vi/5Qga2pniN78/mqdefault.jpg)
![.NET MAUI Data Binding with MVVM & XAML [5 of 8] | .NET MAUI for Beginners](/img/tr.png)
![Navigating Between Pages in .NET MAUI [6 of 8] | .NET MAUI for Beginners](http://i.ytimg.com/vi/ddmZ6k1GIkM/mqdefault.jpg)
If you are following along on a Windows machine, at 9:30 James introduces the SwipeView. It is currently "broken" for windows, so you will need to deploy it to an emulator or physical device to see it in action. Happy learning!!
Thx for the Info, i was wondering, what I did wrong.
Thanks for letting us know man. I was also wondering what I did wrong LOL
:)
When will this be fixed? Is there a Ms support ticket out for this issue?
Almost thought i did something wrong
Yes the presenter cleverly avoids using those features in the windows version. Almost as if he KNEW that they did not work. Not super helpful for the presenter IMO.
Just started learning C# & Maui, wish I'd done this long a long time ago. Great videos, thanks.
Many thanks for this James! Having just updated to the latest version of Visual Studio, I've been blown away by just how nice MAUI is and REALLY wish I had spent the time when you first released these videos to watch them.
Great stuff man! Maui is fantastic and learning from you is a pleasure. You're a great teacher. 🤓
has a bug in .NET 7 (Known isue) where it maintains a white background in Dark mode. The easiest solution is to set BackGroundColor="#00FFFFFF" which sets BGC to transparent (0 Alpha) :) This video has been great so far. I thinhk I enjoy writing XAML more than I ever did CSS or Flutter markup
Thank you very much, 30 minutes to ask me why it did not work
For those who are wondering about the "broken" SwipeView.
I followed this tutorial on a windows tablet and can swipe (thx to touchscreen). So it's not broken, but it failed to implement a fallback with mouse.
The swipe doesn't work on Windows. Do we need a different implementation for Windows?
I am very happy that Visual Studio 2022 has made .Net MAUI very usable. Unfortunately, I am missing the preview view for the XAML files. Am I really forced to develop the UI always with Hot Reload? For me, this feels like a big step backwards, compared to editing WPF and Forms surfaces.
The preview view only shows when the app is already running using hot reload. So it's a bit redundant. I guess we just need to get used to keeping the app running every time we do UI.
Muito obrigado. Deus te abençoe!
Thanks. God bless you!
I am a beginner to .net maui and I appreciate your videos very much. I have installed VS 2022 and got my first new .net maui project up and running both on Windows and an Android emulator. But... Where I am having trouble is that I am an old Win32 programmer and haven't come up to speed on all these XAML things. Is there a good resource for learning about these other than jumping in and using the examples you show? I feel like I need a XAML reference library or some such.
Is there a repo with the resources so we can fully follow along?
Looks like there are many many XAML elements to learn. How does one learn them? Things like
Swipe?? Is there a book?
As a beginner i also don't understand XAML, seems like an extra study because how do you now all the possibilites of xaml ? He goes so fast that i do not understand what i am really doing..
Great series, thanks for making these!
Which extention you using for autocomplete properties? I can't find one. Thanks.
The entry's bottom line doesn't show up, is there a workaround for this, for example using a BoxView for the bottom line?
Hi James 👋,
I Knew you since early xamarin days through the forums (nbaua username on there) but never got to see you in any videos or profile image etc.. you're looking like a Jesus Christ and indeed with Maui that is perfectly matching 😍
I understand MAUI is supposed to be one project for all platforms, but from a UX POV I think a SwipeView is terrible in a desktop environement, so one would have to do some kind of platform dependend decisions anyway.
I think it is disabled in desktop
Brilliantly done👏👏
Does SwipeView works on windows?
I have problems starting the Android emulator. VS says that I need an Intel processor to run an Android emulator. I have an AMD Ryzen 5 processor.
Can I also connect VS to it via the smartphone link?
Ok I have found the problem. Hyper-V was not activated. Although I had activated it before. Must have been deactivated during the last update. Now it also accelerates.
Why its not completing or offering any code when i type in the XAML file?
I must waiting little bit for open the program on a windows device, because the android Device Manager is loading a typ of Pixel to run on it. But it work.
Thanks bro that was really helpful
trying to follow your examples application wont even load the android debug Pixel 5 API 31.... The image is also an .svg and not .png. Attempting to boot up the debugger - stays loading doesn't even start up. Anyone else having these issues?
I am using v17.3.2
Thanks, but this background music is not okay in a 13 minute loop
que especificaciones de hardware se esta ejecutando todo esto? se ve bien :u
The project cannot be launched for Android. Please check the error list for more details. Pls help
Great material! You should consider changing the background music, it's quite disturbing.
I got an error : The attachable property 'ItemsSource' was not found in type 'CollectionView'
Check if its written correctly. It's not ItemSource, it's ItemsSource.
When I’m debug more I get errors for the grid row and column descriptions saying the typeconverter can’t accept a string and the ui doesn’t auto update - I need to restart debit mode to see the change and error is gone until and change
Hey, i found someweird problem with that. When you use dark mode on android, the containers stay white, but the textt also switches to white, making it unreadable. On PC this does only happen if you change from dark mode to light mode and back again while the application is running. Any clue on how to properly fix this?
nvm found the solution: AppThemeBinding in the frames background color. And for sure define them in Colors.xaml
Hi James, I was trying to define like below and checked it on Android phone , it seems to be working.
But it didn't work for Android Tablet & Windows desktop. Any idea?
Are we seriously going to back to using tables for layout? Is this a common thing to do?
if you want the items to appear in android
merci beaucoup a toi :))
haha i was wondering why my fruit texts didn't show up, turns out the text was white on the white label. glad i figured that out fast
I need a Floating Action Button
swipe gesture does not work on windows machine.
and BOOM! I'm lost!
LOL
😁
Doesn't work 🤕
If anyone else is as OCD as me... for the "My Tasks" logo png file go to description:
My Tasks Sample Link ->
maui-samples/6.0/Beginners-Series/MauiApp2/Resources/Images/logo.png
it seems to be gone, there is no maui-samples/6.0 any more, only maui-samples/8.0 and it does not have My Tasks app
Swipe View didn't work on Windows Build.
It works with touch screen...
@@CeryxTech Is this Works on Windows device with Touchscreen?
@@anlKaynarr Yes, I meant that.
@@CeryxTech thanks.
Same issue here. Tried to swipe with a digitizer/touchscreen with no luck.
Kill the music please
The background music is a bit annoying tbh
I cannot get any anroid emulation to work. I have a 5800x3D AMD CPU and even though it doesn't support the hyper V acceleration it should function right? It just sits on the loading part of the Android screen forever.
I get an error with SwipeView.RightItems on Visual Studio for Mac.
An attribute name is missing.
 public Microsoft.Maui.Controls.SwipeItems Microsoft.Maui.Controls.SwipeView.RightItems { get; set; }
Location: Microsoft.Maui.Controls
Coming from Jetbrains, the VS IDE is so bad. You really need to take a look at their IDEs because if people will, they'll flee like hunted deer
Why is there always one small thing that doesn't work... Makes me want to scrap the whole thing.. The emulators are garbage and why would I have an Android lol
una bosta
1:34 "The first thing is head into the code". - UH no. You haven't even opened VS yet. Open VS, create new project, find maui template, create, then head to mainPage.xaml which is arguably not code.
"mainPage.xaml which is arguably not code" it is code and i don't think that's controversial
Is the APP in the videos available in GITHUB for download? URL ?
@dotNET Onwards After Nothing Working
It didn't work for me🤔 (version 17.3.0 Preview 1.1)
Dont work for me either, if it is in a grid then i cant write. (Version 17.3.0 Preview 3.0)
Found a why, if you are using
it wont work but if you use
It works for me
@dotNET Onwards After Nothing Working