C# WPF Design UI - Dropdown Menu

Поделиться
HTML-код
  • Опубликовано: 29 июн 2019
  • Hello Everyone, some people asked me to create a dropdown menu and here it is!
    Buy me a coffee
    www.buymeacoffee.com/abeldutraui
    Github
    github.com/Abel13/DropdownMenu
    Song: "Sappheiros - Embrace [Chill]" is under a Creative Commons license (CC BY 3.0)
    Music promoted by BreakingCopyright:
    bit.ly/Sappheiros-Embrace
    "Shahed - Indian Fusion"
    Música promovida pela BreakingCopyright:
    • 🐯 Indian Music (No Cop...
    Song: "Lakey Inspired - Blue Boi [Lofi]" is under a Creative Commons (CC BY-SA 3.0) license.
    Music promoted by BreakingCopyright:
    • [Non Copyrighted Music...
    "Golden by Mona Wonderlick" is under a Attribution 3.0 Unported (CC BY 3.0) license
    Music promoted by BreakingCopyright:
    • 'Golden' by Mona Wonde...
    Song: "Nicolai Hedlas - Hand In Hand [Pop]" is under a Creative Commons license (CC BY 3.0)
    Music promoted by BreakingCopyright:
    bit.ly/NicolaiHeidlas-HandInHand
    Song: "Ehrling - Typhoon"
    / ehrlin. .
    Music promoted by BreakingCopyright:
    • [Non Copyrighted Music...

Комментарии • 111

  • @ahmedhafez1873
    @ahmedhafez1873 4 года назад +5

    Go on man, we had learnt a lot from your videos,
    thanks so much

  • @HainnTheBurmese
    @HainnTheBurmese 2 года назад +2

    I just start learn WPF in my own way. Your tutorial is so professional. Thank you, Sir.

  • @moazalomary8123
    @moazalomary8123 4 года назад

    I think this is the most beautiful & creative idea of your videos i'v seen...
    because here you think OOP to create a beautiful smooth & unique design
    thanks very much💔

  • @mr.vlalin1604
    @mr.vlalin1604 4 года назад +3

    The video is just super, keep up the good work))
    And it would not be bad if there was a video with the implementation of the boot screen

  • @fabriciosantos7197
    @fabriciosantos7197 4 года назад +1

    Parabéns pelo vídeo, não tem como dar mais que um like kkk

  • @andreassummertime
    @andreassummertime 4 года назад +1

    Thanks for your great work

  • @mwaqasaz
    @mwaqasaz 4 года назад

    Love your Work

  • @user-zv6jx6fk8t
    @user-zv6jx6fk8t 4 года назад

    Thanks a lot! Your videos are great!

  • @user-tn3bw1wg8w
    @user-tn3bw1wg8w 4 года назад +1

    Спасибо за видео) 👍

  • @rogervieira8190
    @rogervieira8190 4 года назад +5

    Thanks for the awesome video! Could you show me how to add a Click event to the SubItem? I cant get it to work...

  • @OmerFarukTanr
    @OmerFarukTanr 4 года назад +2

    Thanks for video

  • @user-yo7mw6oj4p
    @user-yo7mw6oj4p 4 года назад +2

    Спасибо.

  • @HyukLee
    @HyukLee 4 года назад

    Hi! Thank you for the great video. Just one stupid question - If I want to change the title of the menu item, or side item, how can I do it? I appreciate your help in advance.:)

  • @azeddinebouraoui9614
    @azeddinebouraoui9614 3 года назад +1

    thank you

  • @milekhin_ilya
    @milekhin_ilya 4 года назад

    Спасибо , друг!

  • @adhavdeepak3266
    @adhavdeepak3266 4 года назад

    Thanks, man your video is very helpful to me.
    I want a small help...
    when application open in a children's screen there should be a dashboard open by default.
    can it possible?

  • @MrTravelerX
    @MrTravelerX 2 года назад

    Hi
    Great video. I tried to use the implementation you presented and add another level of sub menu (e.g. another menu under the Register menu) but failed to do so. Does this code support another level of menus? If yes, do you have an example?

  • @javadjamshidi3399
    @javadjamshidi3399 4 года назад +1

    Cool

  • @marshgarrett
    @marshgarrett 4 года назад +2

    How do we link UserControl page to each item\SubItem. Can you do one example, and update it in GitHub?

  • @mr.a9679
    @mr.a9679 4 года назад

    thank you but there is still problem when you select item inside one of expanded menu and then select another item in another expanded menu the preview item still selected how you will unselect them all...?

  • @a-software4376
    @a-software4376 4 года назад +1

    Thank you bro. How to bind those ItemMenu and SubMenu to a database or xml file.....

  • @FrancescoCrescimanno
    @FrancescoCrescimanno 2 года назад

    Hi Abel, great video... I'm trying to use your Tutorial to create my own dropdown side menu... I just have a simple (I hope it is simple) question... I'm using an MVVM pattern and al have been implemented. So the Menu Itens I will on my main form are visible... The question is: now I have to assign to each MenuItem and SubMenuItems an ICommand... How could be done? Thanks in advance for your help, Francesco

  • @bicentrick9989
    @bicentrick9989 4 года назад

    Hi bro i've been watching your videos lately and i've been hading the most fun i ecer zhad while learning WPF..do u have any courses that u can advice me to follow about controls and binding?

  • @kabukisyneri296
    @kabukisyneri296 4 года назад +24

    Maybe.... trying to speak and explain during your video would be preferable instead of music. Just sayin'...

  • @wafabenyahia1903
    @wafabenyahia1903 4 года назад +1

    thanks for the video ,it is really helpful
    i have a question:when i choose one of the sub item i want to show a text box or execute something,where can i add that ,
    thanks

    • @AbelDutraUI
      @AbelDutraUI  4 года назад

      Hi, this kind of menu has some bugs... But you can call some UserControl like I did here: ruclips.net/video/VNYOKc1PLqA/видео.html

  • @mohammedzuhair8443
    @mohammedzuhair8443 3 года назад

    These videos are really good for learning.. it would be better if we get such videos in MVVM

  • @CarlosRoberto-pi8tn
    @CarlosRoberto-pi8tn 4 года назад +4

    Esse era vídeo que eu tanto queria blz obrigado vc sabe ensinar

    • @AbelDutraUI
      @AbelDutraUI  4 года назад

      Opa, obg! Qualquer dúvida ou algum vídeo que vc queira ver pode mandar um comentário ou pedir na página do Facebook que tento fazer :)

    • @CarlosRoberto-pi8tn
      @CarlosRoberto-pi8tn 4 года назад +1

      @@AbelDutraUI ok meu brother valeu mesmo e vou sempre tá pedindo ajuda a vc tudo bom pra vc sucesso e fique com Deus!

  • @SonidoScoobyDoo
    @SonidoScoobyDoo 8 месяцев назад

    followed this video, looks amazing, but...how/where can I invoke the click event on menu ? hahaha so dumb question, but im new to this

  • @Asiergr
    @Asiergr 2 года назад

    is there anyway to add icons in submenu elements?

  • @techsolve9397
    @techsolve9397 3 года назад

    Theres a problem when changing from a menu submenu items to another submenu items, if you click customers on menu register then click Fixed on menu Expenses you can't go back to customers again unless you click another Menu register submenu like providers for example and then click customers again. i don't know how to solve this.

  • @ALiHameedAlHashemi
    @ALiHameedAlHashemi 4 года назад +1

    ابداع

  • @dominiclc5009
    @dominiclc5009 3 года назад

    Hey man, nice video, but can you show me how to do it when you click on an ExpanderMenu, the other menu will close?

  • @bruno80292
    @bruno80292 2 года назад

    If anyone is having trouble trying to run the .exe in another computer, you need to also copy the materialdesign dll files, otherwise you'll get an io file not fould exception in event log

  • @suyogkhachane1157
    @suyogkhachane1157 2 года назад

    How to open different windows from ListView later.?

  • @GalesGames69
    @GalesGames69 Год назад

    it was a pain in the ass to get the navigation to work propperly but thank you, the design is great

  • @GuiltyBears
    @GuiltyBears 4 года назад +1

    Do you have any videos or suggestions of how to create new windows with a new layout in the blank space after clicking ON a menu item?

    • @AbelDutraUI
      @AbelDutraUI  4 года назад

      Hey, I'm sorry about my delay, but I did some videos showing how to do that 😊

  • @neka4x4
    @neka4x4 4 года назад

    cara como a gente faz para pegar o evento click nesse menu

  • @bonsaimiennam68
    @bonsaimiennam68 Год назад

    I want to open tab when click menu?

  • @victorjohan1250
    @victorjohan1250 3 года назад +1

    how to make click event?

  • @48950100
    @48950100 2 года назад

    Amigão, parabéns pelo seu trabalho, vc manja muito.
    Você tem algum curso de WPF em português, seja na Udemy ou outra plataforma?
    Essa tecnologia está carente de cursos/tutoriais em português.
    Obrigado!

    • @AbelDutraUI
      @AbelDutraUI  2 года назад +1

      Fala Andrei, infelizmente já faz um tempo que parei de trabalhar com WPF, então infelizmente fiquei desatualizado das novidades. :/

  • @user-rx4zk8um1f
    @user-rx4zk8um1f 4 года назад +1

    Cool! How can I change the color of the textbox stripe from purple to green?

    • @AbelDutraUI
      @AbelDutraUI  4 года назад +1

      You need to change on App.xaml file

    • @user-rx4zk8um1f
      @user-rx4zk8um1f 4 года назад

      @@AbelDutraUI Thank you! You are the best!

  • @albertocelio9683
    @albertocelio9683 3 года назад +2

    Como não te amar cara 😢💪❤
    How not to love you dude 😪💪❤
    - Fiquei sem saber se falas inglês ou português 😅🤦‍♂️

    • @AbelDutraUI
      @AbelDutraUI  3 года назад

      É nois cara hehe!!
      Acabo fazendo os vídeo em inglês pra atingir mais pessoas, mas sou BR hehe

  • @daliangilbert
    @daliangilbert Год назад

    Everything's good, but it breaks MVVM, why this code behind?

  • @attano7514
    @attano7514 4 года назад +1

    Acho muito boa suas aulas, mas pra quem esta começando no WPF o que vc recomenda estudar?

    • @AbelDutraUI
      @AbelDutraUI  4 года назад +1

      Olha, tem alguns canais aqui no RUclips que ensinam desde o começo como o do IAmTimCorey e o AngelSix

    • @attano7514
      @attano7514 4 года назад +1

      ​@@AbelDutraUI Obrigado pelas recomendações

  • @Unknown-868
    @Unknown-868 4 года назад

    Teria como evitar essa grande quantidade de code-behind? Aliás, passar elementos de visualização para a ViewModel não viola o MVVM?

    • @fabiandenk8926
      @fabiandenk8926 4 года назад

      I don't think so because you strictly seperate code, which referes to logic and view.. :-)

  • @petrunzeitig9283
    @petrunzeitig9283 4 года назад +2

    Can u make video about creating MaterialDesign dialogs please?

    • @AbelDutraUI
      @AbelDutraUI  4 года назад +1

      Of course, I'll try to do it :)

  • @codingislife6387
    @codingislife6387 4 года назад

    Sir I am Working with Winform C#, But Don't Know What is WPF,
    1. kindly Can you Guide me What is Difference BTween WPF and Winform please ,
    2. Which is Most used in Software Houses --
    3. Which should i Focused more

    • @Zainjerr
      @Zainjerr 4 года назад +2

      the difference between WPF and WinForms is that WPF uses XAML for UI, while in WinForms, C# or Visual Basic itself is used for the UI
      WPF is more flexible, fast and new, where winforms are old and no longer used
      All software houses use WPF these days. and you should focus .NET Core instead of these two

  • @Iamshafathkhan
    @Iamshafathkhan 3 года назад

    i would need some help to link a form to menu eg. employee menu - frmemp.xaml

  • @vusiarmstrongmalinga6676
    @vusiarmstrongmalinga6676 3 года назад +1

    The music..

  • @spontonluciano1668
    @spontonluciano1668 4 года назад

    Você pode mostrar como abrir uma janela quando clicar em um item e subitem por favor?

    • @Unknown-868
      @Unknown-868 4 года назад

      usa o evento click do subitem e instancia uma nova janela a partir do método

  • @ericamariane2667
    @ericamariane2667 3 года назад

    Hi, Would you be able to show how did you get the Children property for the Menu for --> Menu.Children.Add(new UserControlMenuItem(item6, this));
    When I tried to do it, there is an error CS0117 'Menu' does not contain a definition for 'Children'.
    Thank you!

    • @AbelDutraUI
      @AbelDutraUI  3 года назад

      Hey, are you using an StackPanel as Menu?

    • @ericamariane2667
      @ericamariane2667 3 года назад +1

      @@AbelDutraUI That's right, I have a different name for the StackPanel. Thank you so much for your help and the video too. It's amazing and super helpful! :)

    • @fahamarahmani7223
      @fahamarahmani7223 3 года назад

      I also have this problem please help me I can't solve it

    • @fahamarahmani7223
      @fahamarahmani7223 3 года назад

      @@AbelDutraUI where did you use menu

  • @CarlosRoberto-pi8tn
    @CarlosRoberto-pi8tn 4 года назад

    Boa noite Abel agora queria que vc mostrasse a nós como fazer para os UserControl apareça dentro do stackpanel como TabItem com como se fosse um TabControl e fosse aparecendo várias abas com CloseTabItem ok

    • @AbelDutraUI
      @AbelDutraUI  4 года назад

      da uma olhada se esse componente te ajuda: ruclips.net/video/XcXjIqjB108/видео.html

    • @CarlosRoberto-pi8tn
      @CarlosRoberto-pi8tn 4 года назад

      @@AbelDutraUI queria como esse aqui:ruclips.net/video/tbEQMRr3smo/видео.html se vc puder nos ajudar ficariamos acredecidos ok, tenho a logica de como foi feito esse ai mais não quero com ribon wuro so com wpf mesmo

  • @jikenpandya3652
    @jikenpandya3652 4 года назад +2

    Can you tell me how create responsible design in wpf??

    • @AbelDutraUI
      @AbelDutraUI  4 года назад

      Please, check this video ruclips.net/video/oDEtZ5_kbww/видео.html
      and tell me if it is what you need :)

  • @jonatanfelipe9315
    @jonatanfelipe9315 4 года назад

    Fala mano, eu sou novato em c# , como eu poderia adicionar um evento onclick em um botão desses? quero colocar um click pra abrir a tela no centro do form no outro canto , ai teria como eu abrir isso em um grid também ?

    • @renanarnoni5802
      @renanarnoni5802 4 года назад

      vc teria que criar um evento e um handler no model para lidar com isso e fazer o binding nesse vento, eu achei muito bonito, mas não sei se seria facil de implmentar command ou MVVM nisso

    • @AbelDutraUI
      @AbelDutraUI  4 года назад +1

      Esse menu tem um bug, n vale muito a pena implementa-lo realmente fica bem complicado aplicar MVVM, só percebi depois que o vídeo já tava no ar

    • @renanarnoni5802
      @renanarnoni5802 4 года назад

      @@AbelDutraUI opa meu amigo, mas isso não é demerito nenhum, ficou de fato muito bonito. É que eu ja to tomando um cacete aqui, mas seu layout me deu muitas ideias, pelo simples fato de expander aceitar um stackpanel e dentro dele buttons, que aceitam commands, é MUITO mais xaml mas acho que vai funcionar.

  • @CarlosRoberto-pi8tn
    @CarlosRoberto-pi8tn 4 года назад +1

    Boa Noite Abel pode nos mostrar como fazer um evento click no sub menu para chamar ima tela por exemplo

    • @AbelDutraUI
      @AbelDutraUI  4 года назад

      Olá Carlos, vou ver como posso fazer aqui, estou pensando em fazer algumas streams pra implementar algumas coisas

    • @SonidoScoobyDoo
      @SonidoScoobyDoo 8 месяцев назад

      so, did you ? hahaha cannot raise the click event of menus@@AbelDutraUI

  • @anaibrahim4361
    @anaibrahim4361 3 года назад

    can't we just create it only with Xaml ?!!

  • @tahirquraishi5818
    @tahirquraishi5818 3 года назад

    Fonts too small to see

  • @diogoguerra9422
    @diogoguerra9422 3 года назад

    Eae! Tou com um problema no User Control.. nao consigo que o user control fique bem quando mudo para outro ecra..
    Consegue me ajudar?

    • @AbelDutraUI
      @AbelDutraUI  3 года назад

      Qual o problema?

    • @diogoguerra9422
      @diogoguerra9422 3 года назад

      @@AbelDutraUI Obrigado pela sua resposta!
      O meu problema está no UserControl, isto é; quando mudo para o ecra do meu portátil, o user control nao fica ajustado ao ecrã

    • @AbelDutraUI
      @AbelDutraUI  3 года назад

      Tem algum padding ou margin no seu UserControl?

    • @diogoguerra9422
      @diogoguerra9422 3 года назад

      @@AbelDutraUI Não tenho..
      Você ainda tem o seu discord ativo? Talvez fosse mais fácil para explicar

  • @OmerFarukTanr
    @OmerFarukTanr 4 года назад +2

    Github = Caculator ??? :)

  • @magicznypatrys3963
    @magicznypatrys3963 4 года назад

    How to invoke this menu after? click on item?

    • @fabiandenk8926
      @fabiandenk8926 4 года назад +1

      Have you already found a solution for this problem? Please let me know! I'm also searching for a solution.

    • @magicznypatrys3963
      @magicznypatrys3963 4 года назад

      @@fabiandenk8926 yes i found, thanks a lot :)

    • @fabiandenk8926
      @fabiandenk8926 4 года назад

      I've found a solution!
      just view my comment above

    • @fabiandenk8926
      @fabiandenk8926 4 года назад

      @@magicznypatrys3963 how did u do?

    • @fabiandenk8926
      @fabiandenk8926 4 года назад

      @@magicznypatrys3963 can u explain it please 🤪

  • @chamir4614
    @chamir4614 4 года назад +1

    Is WPF cross platform?

    • @AbelDutraUI
      @AbelDutraUI  4 года назад +1

      Unfortunately not :(

    • @Unknown-868
      @Unknown-868 4 года назад

      Coming soon! Now with C # 8.0 and visual studio 2019, you can create WPF app with .Net Core 3!! It's still in beta, but it's only a matter of time!

    • @mwaqasaz
      @mwaqasaz 4 года назад

      @@Unknown-868 But Still not cross plat form Microsoft Specifically told that Window Form Core and WPF Core is NOT CROSS PLATFORM

  • @vandeljasonstrypper6734
    @vandeljasonstrypper6734 4 года назад +1

    you should move to UWP
    the reason why winform and wpf still alive and support dotnet core is that microsoft didn't wanna left windows 7 and xp
    time to move on

    • @MsJestemBogiem
      @MsJestemBogiem 3 года назад

      The problem is that most financial corporations run win7, as a lot of applications that are designed for them would be lost on win10. Never the less, I actually think WPF is better than UWP for business porpuses that would not require to be cross-platform apps.

  • @mukhiddinkhayrullokh
    @mukhiddinkhayrullokh 4 года назад +1

    Cool