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

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

Learn more ➡️ learn.microsoft.com/training/...
View full playlist: aka.ms/dotnet/beginnervideos/...
Get Started with .NET in Visual Studio: aka.ms/dotnet/get-started/vs
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/beginnervideos/...
4 Hour .NET MAUI Workshop: • Learn .NET MAUI - Full...
Follow James:
- James on KZread: / 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 KZread - / 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

Пікірлер: 78

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

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

  • @Cloude1983

    @Cloude1983

    Жыл бұрын

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

  • @kombosabinho

    @kombosabinho

    Жыл бұрын

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

  • @Paul-uo9sv

    @Paul-uo9sv

    Жыл бұрын

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

  • @HappyBirthdayGreetings

    @HappyBirthdayGreetings

    Жыл бұрын

    Almost thought i did something wrong

  • @aaronhastings873

    @aaronhastings873

    Жыл бұрын

    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.

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

    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.

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

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

  • @thecacademy5376
    @thecacademy53762 жыл бұрын

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

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

    Great series, thanks for making these!

  • @ndamulelosbg8887
    @ndamulelosbg888710 ай бұрын

    Brilliantly done👏👏

  • @ScaerieTale
    @ScaerieTale8 ай бұрын

    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

  • @TheLapinoob

    @TheLapinoob

    7 ай бұрын

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

  • @alevinciius
    @alevinciius Жыл бұрын

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

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

    Thanks bro that was really helpful

  • @tobiaspflug2170
    @tobiaspflug21704 ай бұрын

    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.

  • @mariusroman64
    @mariusroman64 Жыл бұрын

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

  • @samda7109
    @samda71095 ай бұрын

    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.

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

    merci beaucoup a toi :))

  • @DJone4one
    @DJone4one2 жыл бұрын

    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.

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

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

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

    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

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

    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

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

    Does SwipeView works on windows?

  • @bikashghosh7738
    @bikashghosh77382 жыл бұрын

    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?

  • @danil1906
    @danil1906 Жыл бұрын

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

  • @joebabb504
    @joebabb5042 ай бұрын

    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.

  • @jdelgado1025
    @jdelgado102518 күн бұрын

    Is there a repo with the resources so we can fully follow along?

  • @muluman88
    @muluman88 Жыл бұрын

    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.

  • @rachel-tc1dy

    @rachel-tc1dy

    8 ай бұрын

    I think it is disabled in desktop

  • @nbaua3454
    @nbaua34542 жыл бұрын

    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 😍

  • @Mikoaj-rp5xe
    @Mikoaj-rp5xe2 ай бұрын

    Great material! You should consider changing the background music, it's quite disturbing.

  • @CarlosWolfram
    @CarlosWolfram28 күн бұрын

    que especificaciones de hardware se esta ejecutando todo esto? se ve bien :u

  • @joebabb504
    @joebabb5042 ай бұрын

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

  • @DJone4one
    @DJone4one2 жыл бұрын

    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

    2 жыл бұрын

    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.

  • @mendoxei
    @mendoxei10 ай бұрын

    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

  • @yousseffjomaa
    @yousseffjomaa6 ай бұрын

    if you want the items to appear in android

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

    swipe gesture does not work on windows machine.

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

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

  • @nicePiccolo

    @nicePiccolo

    4 ай бұрын

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

  • @SKIDDOW
    @SKIDDOW2 жыл бұрын

    I need a Floating Action Button

  • @Taki7o7
    @Taki7o77 ай бұрын

    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

    @Taki7o7

    7 ай бұрын

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

  • @StingBear
    @StingBear4 ай бұрын

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

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

    Doesn't work 🤕

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

    Kill the music please

  • @t3hPoundcake
    @t3hPoundcake Жыл бұрын

    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.

  • @roadrageman1210
    @roadrageman1210 Жыл бұрын

    and BOOM! I'm lost!

  • @hexadec

    @hexadec

    8 ай бұрын

    LOL 😁

  • @anlKaynarr
    @anlKaynarr2 жыл бұрын

    Swipe View didn't work on Windows Build.

  • @CeryxTech

    @CeryxTech

    2 жыл бұрын

    It works with touch screen...

  • @anlKaynarr

    @anlKaynarr

    2 жыл бұрын

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

  • @CeryxTech

    @CeryxTech

    2 жыл бұрын

    ​@@anlKaynarr Yes, I meant that.

  • @anlKaynarr

    @anlKaynarr

    2 жыл бұрын

    @@CeryxTech thanks.

  • @jcookie9448

    @jcookie9448

    2 жыл бұрын

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

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

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

  • @Bee4Brendan
    @Bee4Brendan9 ай бұрын

    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

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

    una bosta

  • @technoscout
    @technoscout Жыл бұрын

    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

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

    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

  • @bonkers_dave

    @bonkers_dave

    5 ай бұрын

    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

  • @cielruby8762
    @cielruby8762 Жыл бұрын

    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

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

    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.

  • @raptagames

    @raptagames

    Жыл бұрын

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

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

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

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

    @dotNET Onwards After Nothing Working

  • @nolppo
    @nolppo2 жыл бұрын

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

  • @julandealb1857

    @julandealb1857

    2 жыл бұрын

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

  • @julandealb1857

    @julandealb1857

    2 жыл бұрын

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

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

    @dotNET Onwards After Nothing Working

Келесі