.NET Maui Apps | How to create Flyout, Tab Bar and Tabs in Maui Mobile and Desktop applications.

Поділитися
Вставка
  • Опубліковано 26 жов 2024

КОМЕНТАРІ • 72

  • @Netcode-Hub
    @Netcode-Hub  Рік тому +4

    Maui Application Development Playlist | ua-cam.com/play/PL285LgYq_FoLDWoWRj40u6INW7oLERCuW.html
    Grab code from GitHub @ | github.com/Netcode-Hub/Using-Navigation-Service-in-MAUI
    Follow @Netcode-Hub on:
    netcodehub.blogspot.com | You can read more articles on Application Development and Debugging Issues
    github.com/Netcode-Hub | Grab projects source code from here.
    twitter.com/NetcodeHub | Twitter
    web.facebook.com/NetcodeHub | Facebook
    www.linkedin.com/in/netcode-hub-90b188258/ | LinkedIn

  • @Satharn
    @Satharn 10 місяців тому +3

    Thank you, I could not get better videos anywhere

    • @Netcode-Hub
      @Netcode-Hub  10 місяців тому +1

      It's my pleasure to serve you with this. I have many videos on Blazor, Maui and Maui Blazor Hybrid. Just check the playlist whiles you subscribe as well. 😜🤪🤩

  • @kayun-chan-pit8642
    @kayun-chan-pit8642 11 місяців тому +1

    Your contents are good and clear. It's very concise tutorial. I love it very much. However, to learn and get knowledge well from your tutorial, I have to stop and type by myself often and save them in separated project. Thank you very much for your share to the world. It's really really useful. Great.

    • @Netcode-Hub
      @Netcode-Hub  11 місяців тому

      Am glad you liked it 😃😆

  • @RickardApps
    @RickardApps 7 місяців тому +1

    Absolutely amazing tutorial. Perfect. Thank you

  • @kopilkaiser8991
    @kopilkaiser8991 11 місяців тому +1

    You've been extremely useful and helpful by providing such a great tutorial. Keep up the great work 😊

    • @Netcode-Hub
      @Netcode-Hub  11 місяців тому

      Thanks 😀 More for you.. Check the playlist.🥰

  • @fernandogoncalves1891
    @fernandogoncalves1891 11 днів тому

    Hi . Is there a way to have a flyout with several options but and only one option show two options on Tabbar? Thanks
    Reply

  • @MaryCamara-l4x
    @MaryCamara-l4x 8 місяців тому +1

    this way very helpful and clear. thank you

    • @Netcode-Hub
      @Netcode-Hub  8 місяців тому +1

      I am glad you enjoyed it.

  • @oktjona
    @oktjona 9 місяців тому +1

    how can you add tabbar on different pages other than the mainpage only so that if i navigate to nextpage i can get the tabbars

  • @ManieVerster
    @ManieVerster 2 місяці тому

    It looks like to me that these menus do not like databound pages. Am I right and if I am wrong, how can I do this?

  • @annotations888
    @annotations888 3 місяці тому

    How do I set up the Shell.ItemTemplate with a Font Icon instead of an image?

  • @alexsoft999
    @alexsoft999 4 місяці тому

    Thanks for video! Could you please explain how I can keep one part of menu options in Flyout panel and the others in Tabs independently. The current code doesn't allow to do it!

    • @Netcode-Hub
      @Netcode-Hub  4 місяці тому

      😃, Sorry I don’t get you well, please come again. I guess you know how to set flyout and tab right ?

    • @alexsoft999
      @alexsoft999 4 місяці тому

      @@Netcode-Hub Yes sir, I can run them separately, it works well. Now I want run them together to extend my menu system for keeping some menu items in the Flyout panel, the other part in Tab Bar. I set Shell.FlyoutBehavior="Flyout"
      Shell.TabBarIsVisible="True". But it doesn't work, only Flyout option are shown in the flyout and in the tab using your code. Any idea?

    • @Netcode-Hub
      @Netcode-Hub  4 місяці тому

      @alexsoft999 you can add the flyout dynamically during runtime. Will see if I can create a video on that later

    • @alexsoft999
      @alexsoft999 4 місяці тому

      @@Netcode-Hub Thank you, so do you think, that it is impossible to do in AppShell.xaml markup?

    • @Netcode-Hub
      @Netcode-Hub  4 місяці тому

      Can’t say no, give a try and let’s see

  • @stephenyork7318
    @stephenyork7318 11 місяців тому +1

    I appreciate that you have flyouts and tabs at the bottom going, but it only works if your tab items match the flyouts. What I want to do is having other less used pages appear in the Flyout like About, Settings, Data Synch, but on the tab bar have +, Calendar, Entries. As soon as I click an item in the Flyout the tab bar changes to the items in the Flyout and I can never return to the initial set. Do you know how to mix them?

    • @Netcode-Hub
      @Netcode-Hub  11 місяців тому

      If I understand you well , you want add about , contact … to the flyout (sidebar) not the tab section right ?

    • @stephenyork7318
      @stephenyork7318 11 місяців тому

      @@Netcode-Hub Any real world app that has a Flyout doesn't just have a copy of all the tab items in the Flyout. I want the 3 main actions that will be used on the tab bar and all other actions in the Flyout.

    • @Netcode-Hub
      @Netcode-Hub  11 місяців тому

      @@stephenyork7318 flyout item and tab items content must be different . I understand sir .
      You can set flyout items and tab items with different content pages.
      Wanted to know if thus what you want to do
      If this is the case then then you can groups your tabs and flyout items in the shell using
      Flyout respectively.

    • @stephenyork7318
      @stephenyork7318 11 місяців тому +1

      @@Netcode-Hub My problem is that if I click on a flyout item, I'd still expect the tabs at the bottom to stah the same, not just replicate the items in the flyout.
      The main thin is once I've navigate to a flyout page then I can't get back to the main page. But it's also just weird to have a 10 item flyout and then see only 4 ot them on the tab bar. None of them should be there. I'm thinking it's the wrong model anyway, maybe a modal page with a back button is the way to go. I dunno.
      I've tried using a TabbedPage but when you put your items on ala then you can't use dependency injected services into the AddEntryPage ctor unless you create a TypeConverter. At that point my eyes started glazing over. Maui is so tedious, use dep injection with ease, except here. :(
      With TabbedPage though I really don't know how to get a Flyout going yet. Hence I went looking and found your tutorial here.

    • @stephenyork7318
      @stephenyork7318 11 місяців тому

      Ok, I found some maui samples on GitHub. This is how to achieve what I want:

















      So Flyout Two will have its own tab bar.

  • @SonidoScoobyDoo
    @SonidoScoobyDoo Місяць тому

    what If you need to show submenu in Flyout ? how can I do that ?

  • @EmmanuelMalana-z4j
    @EmmanuelMalana-z4j Місяць тому

    can you show flyout contents while also having tabpage?

  • @chiragshah1426
    @chiragshah1426 8 місяців тому

    How do we change background and selected color of the menu item under tabbar. Example: under services tab, you have location, contactus... whant that menu to have different background color

  • @RickardApps
    @RickardApps 7 місяців тому +1

    Do you know how to make an app that works in the background in MAUI? I don't know what these functionalities are called.
    I'd like if possible to have a button in the navigation bar that turns a service on and off.
    I have this blue light filter app that works just like that. If you pull down the curtain you can see the app active but it doesn't have a window.
    How does one do that?

    • @Netcode-Hub
      @Netcode-Hub  7 місяців тому

      Will conduct research on it

    • @Netcode-Hub
      @Netcode-Hub  7 місяців тому

      Will conduct research on that

    • @RickardApps
      @RickardApps 7 місяців тому +2

      @@Netcode-Hub thank you!

    • @Netcode-Hub
      @Netcode-Hub  7 місяців тому

      @RickardApps 😃

    • @ErickJimenez-kb4yg
      @ErickJimenez-kb4yg 6 місяців тому

      You mean thread handling in C#, it also applies to other languages such as Java or Python, research about that and then ask your question again.

  • @alexsoft999
    @alexsoft999 4 місяці тому

    I think Route attribute in your ShellContent is odd. Correct?

    • @Netcode-Hub
      @Netcode-Hub  4 місяці тому

      Have you recently discovered any different one? You can share 😃

  • @ishakmco3186
    @ishakmco3186 2 місяці тому

    Bro can i design the bottom Tab to any design and perfect animation ???

  • @batsuhbaysaa7171
    @batsuhbaysaa7171 11 місяців тому +1

    What programming language is this code written in? please explain :)

    • @Netcode-Hub
      @Netcode-Hub  11 місяців тому +4

      Thanks for your comment 😊
      This app was written in one of the best and most trending languages. Guess what! C# & Xaml for mobile apps

  • @KinGhost_
    @KinGhost_ Рік тому +1

    Thnaks !!!!!

  • @hungchip
    @hungchip 9 місяців тому +1

    is there a way easy for create Floating Windows Android on MAUI?

    • @Netcode-Hub
      @Netcode-Hub  9 місяців тому

      Unless customized

    • @hungchip
      @hungchip 9 місяців тому +1

      @@Netcode-Hub Yes, can you make a video Tutorial for this? I and more People really need that!

    • @Netcode-Hub
      @Netcode-Hub  8 місяців тому

      Ohk sir , will plan that,

  • @РимскаяИмперия-й6р
    @РимскаяИмперия-й6р 7 місяців тому

    Help, how to position the menu button in the upper right corner?

    • @Netcode-Hub
      @Netcode-Hub  7 місяців тому +1

      Use xaml to move to any corner you want

  • @vargasdev
    @vargasdev 6 місяців тому

    A question. Can FlyoutItems be nested?

    • @Netcode-Hub
      @Netcode-Hub  6 місяців тому

      How do you want it to be nested ?

    • @vargasdev
      @vargasdev 6 місяців тому

      @@Netcode-Hub Instead using tabs, when user taps a FlyoutItem, show some kind a subItem, expanding and collapsing. I don't know if I explain well myself.

  • @yushantupadhyay2993
    @yushantupadhyay2993 10 місяців тому +1

    This is a half part of video where is the remaining part??

  • @oktjona
    @oktjona 9 місяців тому

    it seems tabbar works on only main page in android platform

  • @Codyvisibleone
    @Codyvisibleone 7 місяців тому

    thanks sir

  • @AlexDiachenko-u3j
    @AlexDiachenko-u3j 2 місяці тому

    How to Implement Tabbar Badge tabs using .Net MAUI without shell)))

  • @HoltBuzzing
    @HoltBuzzing Рік тому

    Your screenshot shots a nice flyout but then your code is a basic one :(

    • @Netcode-Hub
      @Netcode-Hub  Рік тому

      😊 sorry , customization need to be done 😃

  • @crepinoscript12
    @crepinoscript12 5 місяців тому

    Do you have a commununity on whasapp or telegram ?