KZhead
Ғылым және технология

Build .NET MAUI UI with XAML [4 of 8] | .NET MAUI for Beginners

dotnet
2022 ж. 1 Мау.
115 253 Рет қаралды
Жүктеу

Learn more ➡️ learn.microsoft.com/training/...
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.
.NET MAUI for Beginners series playlist: aka.ms/dotnet/beginnervideos/...
Follow along: aka.ms/dotnet/beginnervideos/...
4 Hour .NET MAUI Workshop: • Learn .NET MAUI - Full...
Follow James:
- James on KZhead: / jamesmontemagno
- James on Twitter: / jamesmontemagno
Links:
- .NET MAUI Self-guided Learning on Microsoft Learn: aka.ms/dotnetmaui-beginner/ms...
- .NET MAUI Website: aka.ms/dotnetmaui-beginner/we...
- Install .NET MAUI: aka.ms/dotnetmaui-beginner/in...
- My Tasks Sample: aka.ms/dotnetmaui-beginner/my...
- .NET MAUI Documentation: aka.ms/dotnetmaui-beginner/docs
- .NET MAUI on GitHub: aka.ms/dotnetmaui-beginner/gi...
- .NET MAUI Workshop: aka.ms/maui-workshop
- .NET Community Toolkit Docs: aka.ms/dotnetmaui-beginner/to...
- .NET Community Toolkit GitHub: aka.ms/dotnetmaui-beginner/to...
- More .NET Beginner Series Videos: dot.net/videos
- .NET KZhead - / 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/learndotnet

Пікірлер

  • 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!!

    @Coffeecupdev@Coffeecupdev Жыл бұрын

    • Thx for the Info, i was wondering, what I did wrong.

      @Cloude1983@Cloude1983 Жыл бұрын

    • Thanks for letting us know man. I was also wondering what I did wrong LOL :)

      @kombosabinho@kombosabinho Жыл бұрын

    • When will this be fixed? Is there a Ms support ticket out for this issue?

      @Paul-uo9sv@Paul-uo9sv Жыл бұрын

    • Almost thought i did something wrong

      @HappyBirthdayGreetings@HappyBirthdayGreetings Жыл бұрын

    • 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.

      @aaronhastings873@aaronhastings8739 ай бұрын

  • 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.

    @skfalpink123@skfalpink123 Жыл бұрын

  • Just started learning C# & Maui, wish I'd done this long a long time ago. Great videos, thanks.

    @PaulHollyer@PaulHollyer Жыл бұрын

  • Great stuff man! Maui is fantastic and learning from you is a pleasure. You're a great teacher. 🤓

    @thecacademy5376@thecacademy5376 Жыл бұрын

  • Great series, thanks for making these!

    @czr1278@czr1278 Жыл бұрын

  • Brilliantly done👏👏

    @ndamulelosbg8887@ndamulelosbg88878 ай бұрын

  • Thanks bro that was really helpful

    @fitsumkefyalew3454@fitsumkefyalew3454 Жыл бұрын

  • Muito obrigado. Deus te abençoe! Thanks. God bless you!

    @alevinciius@alevinciius10 ай бұрын

  • merci beaucoup a toi :))

    @user-tv5pg3pv7k@user-tv5pg3pv7k Жыл бұрын

  • 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.

    @samda7109@samda71092 ай бұрын

  • 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.

    @DJone4one@DJone4one Жыл бұрын

  • The entry's bottom line doesn't show up, is there a workaround for this, for example using a BoxView for the bottom line?

    @alfredmichael8345@alfredmichael8345 Жыл бұрын

  • The swipe doesn't work on Windows. Do we need a different implementation for Windows?

    @mariusroman8086@mariusroman8086 Жыл бұрын

  • 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.

    @tobiaspflug2170@tobiaspflug21702 ай бұрын

  • 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

    @ScaerieTale@ScaerieTale5 ай бұрын

    • Thank you very much, 30 minutes to ask me why it did not work

      @TheLapinoob@TheLapinoob4 ай бұрын

  • 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?

    @bikashghosh7738@bikashghosh7738 Жыл бұрын

  • 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

    @rhysmuir@rhysmuir Жыл бұрын

  • Does SwipeView works on windows?

    @ganeshjoshi4426@ganeshjoshi4426 Жыл бұрын

  • 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

    @sbortizp@sbortizp Жыл бұрын

  • 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 😍

    @nbaua3454@nbaua3454 Жыл бұрын

  • Why its not completing or offering any code when i type in the XAML file?

    @danil1906@danil190611 ай бұрын

  • 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.

    @joebabb504@joebabb50411 күн бұрын

  • 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

    @mendoxei@mendoxei8 ай бұрын

  • 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?

    @DJone4one@DJone4one Жыл бұрын

    • 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.

      @DJone4one@DJone4one Жыл бұрын

  • Looks like there are many many XAML elements to learn. How does one learn them? Things like Swipe?? Is there a book?

    @joebabb504@joebabb5043 күн бұрын

  • I got an error : The attachable property 'ItemsSource' was not found in type 'CollectionView'

    @pasauliite@pasauliite Жыл бұрын

    • Check if its written correctly. It's not ItemSource, it's ItemsSource.

      @nicePiccolo@nicePiccolo2 ай бұрын

  • 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.

    @muluman88@muluman8810 ай бұрын

    • I think it is disabled in desktop

      @rachel-tc1dy@rachel-tc1dy6 ай бұрын

  • swipe gesture does not work on windows machine.

    @sajanpatel6751@sajanpatel6751 Жыл бұрын

  • I need a Floating Action Button

    @SKIDDOW@SKIDDOW Жыл бұрын

  • 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?

    @Taki7o7@Taki7o74 ай бұрын

    • nvm found the solution: AppThemeBinding in the frames background color. And for sure define them in Colors.xaml

      @Taki7o7@Taki7o74 ай бұрын

  • Are we seriously going to back to using tables for layout? Is this a common thing to do?

    @StingBear@StingBearАй бұрын

  • if you want the items to appear in android

    @yousseffjomaa@yousseffjomaa3 ай бұрын

  • 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.

    @t3hPoundcake@t3hPoundcake11 ай бұрын

  • Doesn't work 🤕

    @ArturoBrionesOrtega@ArturoBrionesOrtega Жыл бұрын

  • and BOOM! I'm lost!

    @roadrageman1210@roadrageman12109 ай бұрын

    • LOL 😁

      @hexadec@hexadec6 ай бұрын

  • Swipe View didn't work on Windows Build.

    @anlKaynarr@anlKaynarr Жыл бұрын

    • It works with touch screen...

      @CeryxTech@CeryxTech Жыл бұрын

    • @@CeryxTech Is this Works on Windows device with Touchscreen?

      @anlKaynarr@anlKaynarr Жыл бұрын

    • ​@@anlKaynarr Yes, I meant that.

      @CeryxTech@CeryxTech Жыл бұрын

    • @@CeryxTech thanks.

      @anlKaynarr@anlKaynarr Жыл бұрын

    • Same issue here. Tried to swipe with a digitizer/touchscreen with no luck.

      @jcookie9448@jcookie9448 Жыл бұрын

  • Thanks, but this background music is not okay in a 13 minute loop

    @PaulHahn-ci1xs@PaulHahn-ci1xs Жыл бұрын

  • Kill the music please

    @gaggleweed@gaggleweed Жыл бұрын

  • 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

    @Bee4Brendan@Bee4Brendan7 ай бұрын

  • una bosta

    @dangerosa01@dangerosa01 Жыл бұрын

  • 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

    @technoscout@technoscout9 ай бұрын

  • 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.

    @RichM-vc9on@RichM-vc9on Жыл бұрын

    • "mainPage.xaml which is arguably not code" it is code and i don't think that's controversial

      @raptagames@raptagames Жыл бұрын

  • Is the APP in the videos available in GITHUB for download? URL ?

    @Paul-uo9sv@Paul-uo9sv Жыл бұрын

  • 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

    @cielruby8762@cielruby87629 ай бұрын

  • @dotNET Onwards After Nothing Working

    @abrahimzaman360@abrahimzaman360 Жыл бұрын

  • 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

    @fitvaks@fitvaks Жыл бұрын

    • 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

      @bonkers_dave@bonkers_dave2 ай бұрын

  • It didn't work for me🤔 (version 17.3.0 Preview 1.1)

    @nolppo@nolppo Жыл бұрын

    • Dont work for me either, if it is in a grid then i cant write. (Version 17.3.0 Preview 3.0)

      @julandealb1857@julandealb1857 Жыл бұрын

    • Found a why, if you are using it wont work but if you use It works for me

      @julandealb1857@julandealb1857 Жыл бұрын

  • @dotNET Onwards After Nothing Working

    @abrahimzaman360@abrahimzaman360 Жыл бұрын
KZhead