C# WPF Material Design UI: Tab Menu

Sdílet
Vložit
  • čas přidán 7. 09. 2024
  • LinkedIn
    / abeldutra
    How to create a Tab Menu in WPF
    Buy me a coffee
    www.buymeacoff...
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++
    GitHub
    github.com/Abe...

Komentáře • 63

  • @luiznic6653
    @luiznic6653 Před 6 lety +1

    Cara, continue com esses vídeos que tá sensacional, melhor conteúdo sobre wpf disparado. Simples e direto, ganhou mais um inscrito!
    Abraço

    • @AbelDutraUI
      @AbelDutraUI  Před 6 lety

      Muito obrigado Luiz, estou parado ultimamente pq estou meio apertado de tempo, mas quero voltar o mais rápido possível!
      Seu comentário foi muito importante, obrigado msm!!

  • @kirillf.8053
    @kirillf.8053 Před 6 lety +8

    Great stuff! But let me make some adjustments:
    Im not sure that using events in WPF is a good idea.
    You'd rather override TabItems via custom styling. For example:
    1. Make TabItem's BorderThickness 0 0 0 5
    2. Set triggers on prop "IsSelected" on true
    3. Assign setter Border to prop Background with Value of any color you'd like.
    4. profit.
    That way you gonna get pretty 'material design' tabmenu. Or use dragablz. Good luck :)

  • @jasper_hong
    @jasper_hong Před 6 lety +4

    thanks teacher,you did a good job, I really like your tutorial, I hope to see you more videos.

  • @shannonchow4033
    @shannonchow4033 Před 5 lety

    Hope to see more your videos. Thanks for you kindly sharing.

  • @marshgarrett
    @marshgarrett Před 4 lety +2

    Do you have a follow up video on this on how to put data for each tab?

  • @er.himalayachawrasia1933
    @er.himalayachawrasia1933 Před 5 lety +2

    where you have apply application resources code... i don't understand have you copy from anywhere please tell?

  • @nandkishorsonwale
    @nandkishorsonwale Před 3 lety +1

    Useful video, thanks.

  • @marshgarrett
    @marshgarrett Před 4 lety +1

    Can you do a follow up for each UID and how to actually put data on each one?

  • @abdalghanialbiek8999
    @abdalghanialbiek8999 Před 4 lety

    you can use material design extension library from nuget instead doing that

  • @unrundead3779
    @unrundead3779 Před 5 lety

    I have a App with only 2 Buttons as Tab, The Stackpanel is HorizontalAlignment="Center", how can i set the Position of the GridCursor, that it fits with the First Button ?

  • @tramvo4688
    @tramvo4688 Před 2 lety

    Let me ask how to add a new window instead of color changes?

  • @tchoukri8
    @tchoukri8 Před 2 lety +1

    you saved me bro, do you have a tuto about Listview (table)

  • @rans0101
    @rans0101 Před 5 lety

    thank you it's very nice and helpful

  • @swwanted
    @swwanted Před 2 lety

    Limpo!

  • @umidbekmengliyev6715
    @umidbekmengliyev6715 Před 5 lety +1

    It isnt tab menu, its simple changing viewcontent with button several event.

    • @AbelDutraUI
      @AbelDutraUI  Před 5 lety

      czcams.com/video/XcXjIqjB108/video.html

  • @avrmicrorobot
    @avrmicrorobot Před 4 lety

    Genio!!!!!! Saludos

  • @vbprogramando
    @vbprogramando Před 3 lety

    superrr

  • @_azeem_muzammil
    @_azeem_muzammil Před 4 lety

    Hello, I really love your tutorials, Can I know how to make a title bar with menu items in it. Like VSCode or Visual Studio.

  • @AS-kw1ob
    @AS-kw1ob Před 6 lety +2

    Ok nice, but how to show different content in each tab???

    • @AbelDutraUI
      @AbelDutraUI  Před 6 lety +1

      Hello, in this vídeo you can see how to work with UserControls: czcams.com/video/VNYOKc1PLqA/video.html
      Then you can call for each tab It own screen :)

    • @AS-kw1ob
      @AS-kw1ob Před 6 lety +1

      thank you, i watched this video month ago, now i remember :D

  • @Shinee3e
    @Shinee3e Před 4 lety

    Nice playlist :D

  • @ImConfusedVoteForErdogan
    @ImConfusedVoteForErdogan Před 4 lety +1

    Do u have udemy course or something like that. U are so good but there is no explanation to understand what is going on there

    • @AbelDutraUI
      @AbelDutraUI  Před 4 lety

      Unfortunately not yet :/

    • @ImConfusedVoteForErdogan
      @ImConfusedVoteForErdogan Před 4 lety +1

      @@AbelDutraUI there is no fully training course yet too. Even a lot of not advanced xaml course exist in udemy. They might have not enough knowledge or want to make easy money by beginner courses. Whatever inside of their mind ı have no idea but you are taking your time to show your excellent desings. Only missing thing is explanation for us. As u are a proffessional you have to record courses for us. And whenever u do, let me know pls. I ll buy first

    • @AbelDutraUI
      @AbelDutraUI  Před 4 lety +1

      Thank you! I am thinking about it, and trying to create some useful content! :)

    • @ImConfusedVoteForErdogan
      @ImConfusedVoteForErdogan Před 4 lety

      @@AbelDutraUI Im glad you say that :D I have some questions about wpf and blend. Could you take a little bit time to me on discord ?

  • @hassannasir1564
    @hassannasir1564 Před 6 lety +2

    from where you get resource dictionary? copy paste?

    • @AbelDutraUI
      @AbelDutraUI  Před 6 lety +1

      Yeah, somethings I paste to short the vídeo. the source code is here github.com/Abel13/TabMenu if you want to copy :)

    • @hassannasir1564
      @hassannasir1564 Před 6 lety

      but i want to learn how to find the source... ... not need to copy paste

    • @AbelDutraUI
      @AbelDutraUI  Před 6 lety +1

      I understand you... unfortunately I don't have any video teatching how to do that... but I'll try to do something about it!

    • @hassannasir1564
      @hassannasir1564 Před 6 lety

      ok thanks. :)

    • @hassannasir1564
      @hassannasir1564 Před 6 lety

      any source of contact?

  • @gabrielpernas
    @gabrielpernas Před 6 lety +1

    Você poderia mostra como adicionar uma Page, em vez de mudar a cor ele adiciona uma page assim como um menu hamburger. não achei nenhum menu q seja no top assim como o seu com evento de navegação

    • @AbelDutraUI
      @AbelDutraUI  Před 6 lety

      Opa! Posso mostrar sim... Mas pra te ajudar mais rápido tenho esse outro vídeo: czcams.com/video/VNYOKc1PLqA/video.html que aos 26:24 eu incluo UserControls na GridPrincipal, que seria a mesma ideia, ao clicar no menu ele carrega um novo UserControl na Grid.
      Não sei se fui claro, qqr dúvida só me falar!

    • @gabrielpernas
      @gabrielpernas Před 6 lety +1

      Muito obrigado me ajudou muito era isso mesmo.
      só outra coisa, é possível deixa o usercontrol carregado pra que quando eu click no botao do menu ele nao recarregue o usercontrol. pq eu tenho dados no usercontrol que ficao salvo ai toda vez q click pra abre ele ele limpa oq tinha e cria novo usando o New usercontrol não sei se vc entendeu.

    • @AbelDutraUI
      @AbelDutraUI  Před 6 lety

      Vc pode manter a instancia criada em algum lugar, tipo uma classe global que vc acessa sempre que precisar. Ou utilizar o padrão de projeto Singleton, que faz basicamente a mesma coisa.

    • @gabrielpernas
      @gabrielpernas Před 6 lety +1

      Entendi muito obrigado vou da uma estudada.

    • @AbelDutraUI
      @AbelDutraUI  Před 6 lety +1

      Eu que agradeço, qqr coisa só falar!

  • @jaimeaguinaldo943
    @jaimeaguinaldo943 Před 2 lety

    Really... with just one file for the whole application... code for tabs not in separate xml file... no way home...

  • @user-qh2fx9oq5b
    @user-qh2fx9oq5b Před 4 lety

    Nice tutorial! but i'd like to ask you how to close tab item?(i don't want using ShowDefaultCloseButton, and i want handling close event. plz comment!)

    • @AbelDutraUI
      @AbelDutraUI  Před 4 lety

      Hi, try this other one czcams.com/video/XcXjIqjB108/video.html

  • @redev4781
    @redev4781 Před 4 lety

    What song?

  • @shrooqmohmed3694
    @shrooqmohmed3694 Před 4 lety

    Would you please apply what I did all to make me mistake

    • @shrooqmohmed3694
      @shrooqmohmed3694 Před 4 lety

      public UserControlMenuItem(ItemMenu itemMenu)

    • @shrooqmohmed3694
      @shrooqmohmed3694 Před 4 lety

      Severity Code Description Project File Line Column
      Error CS0051 Inconsistent accessibility: parameter type 'ItemMenu' is less accessible than method 'UserControlMenuItem.UserControlMenuItem(ItemMenu)' WpfApplication10 C:\Users\Shr\Documents\Visual Studio 2015\Projects\WpfApplication10\WpfApplication10\UserControlMenuItem.xaml.cs 26 16

    • @AbelDutraUI
      @AbelDutraUI  Před 4 lety

      Your class cannot be private

  • @arikaafrinboshra5473
    @arikaafrinboshra5473 Před 6 lety +2

    tnx :)
    how to show table data in a graph...plz upload...i am waiting... :)

    • @AbelDutraUI
      @AbelDutraUI  Před 6 lety

      Hello! Tnx :D
      Ok, I'll try to do it in the next video :)

    • @arikaafrinboshra5473
      @arikaafrinboshra5473 Před 6 lety +1

      want it soon :)

    • @AbelDutraUI
      @AbelDutraUI  Před 6 lety

      Until I make the vídeo you can see this one: czcams.com/video/sgEhK3mbDYo/video.html, I did somethings with a Radial Gauge Chart :)

    • @arikaafrinboshra5473
      @arikaafrinboshra5473 Před 6 lety +1

      Design com WPF oh ok...will see...actually um doing a project...and your videos are helping me much more..

    • @AbelDutraUI
      @AbelDutraUI  Před 6 lety

      It's realy good to know :D
      Thank you so much!

  • @PasirPelangi99
    @PasirPelangi99 Před 5 lety

    Share Source kode

    • @AbelDutraUI
      @AbelDutraUI  Před 5 lety

      Hi, here it is: github.com/Abel13/TabMenu
      But I did this other Tab Layout using Dragblz: czcams.com/video/XcXjIqjB108/video.html it's simplest