Тёмный

C# WPF Material Design UI: Navigation Drawer & PopUp Menu 

Abel Dutra UI
Подписаться 15 тыс.
Просмотров 214 тыс.
50% 1

LinkedIn
/ abeldutra
C# WPF UI: Navigation Drawer and PopUp Menu
Buy me a coffee
www.buymeacoff...
++++++++++++++++++++++++++++++++++++++++++
Material Design XAML
materialdesigni...
++++++++++++++++++++++++++++++++++++++++++
GitHub
github.com/Abe...

Опубликовано:

 

27 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 174   
@notanenglishperson9865
@notanenglishperson9865 3 года назад
I dreamed about channel like this, I didn't expect it to exist!
@tigran12
@tigran12 4 года назад
Thank you!! Most useful video on RU-vid about WPF!!
@mosth8ed
@mosth8ed 5 лет назад
Great video. While I appreciate you taking the time to record this and I understand it probably is easier for you, it would be really helpful if you used a horizontal split of the window so we can see a lot more of the code at one time instead of having to pause, rewind to a point in which you are scrolled over to the right more, then move it again to see the left side, so on and so forth.
@AbelDutraUI
@AbelDutraUI 5 лет назад
Thank you! I'll do that in the next videos. :)
@sadramohh
@sadramohh 5 лет назад
Thanks mate, been looking for the context menu for ages
@manukartofanu
@manukartofanu 3 года назад
Wow, design is awesome!
@dario.montoya
@dario.montoya 4 года назад
En serio, son muy buenos tus artículos, mis respetos
@senaylmaz223
@senaylmaz223 5 лет назад
Wonderful
@pavlosomko9732
@pavlosomko9732 3 года назад
u are the best
@balkiprasanna1984
@balkiprasanna1984 Год назад
Excellent video. This is the best video available so far to learn about WPF on RU-vid. Do you have any books published? Would be glad to pay for that? Good work.
@AbelDutraUI
@AbelDutraUI Год назад
Thank you so much!! Unfortunately I don't have books or courses yet :( But it's on my roadmap to do 🙂
@alexanderparshakov809
@alexanderparshakov809 6 лет назад
Your video helped a lot. Thank you so much!
@trevorkobilo2480
@trevorkobilo2480 4 года назад
Wonderful presentation. Thanks!
@kodakkastone3154
@kodakkastone3154 6 лет назад
Such a modern sweet GUI. Good job. However.. Can you implement that the navigation drawer closes after one of its buttons is clicked e.g. Home? Basically: how can you fire the EventTrigger for closing the Menu if you clicked one of the navigation drawer buttons and the menu is open? Additionally how do you link the materialpop up menu with the button/textblock it is clicked within it to access it within the viewmodel?
@AbelDutraUI
@AbelDutraUI 6 лет назад
Hello, thank you! :D in this video I did it: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VNYOKc1PLqA.html
@davesimon9192
@davesimon9192 6 лет назад
Excellent video, thank you very much for taking the time to make and post this video. If you can please make more as you have great design skills and many people still use WPF and UI toolkits such as Material Design, Mahapps etc. As you know, most programmers are not good designers (although they think they are :) so your videos are very helpful. Thanks again
@AbelDutraUI
@AbelDutraUI 6 лет назад
Oh, thank you!! I'm glad to help :D your comment is very important to me, it motivate me to create more videos!! Any question or suggestions please tell me and I'll do my best! :D
@alfredoperez2420
@alfredoperez2420 4 года назад
@@AbelDutraUI In University i didn't recieve WPF (now i'm studying databases), only WinForms, this is so pretty, you make awesome content, i would say that if you have some time, can create an animated charging circle/bar that report how much of the exe actually is charged 'til the app is completely open, hope you do it, i'll try too, thx for amazing videos!
@mrohailiqbal
@mrohailiqbal 4 года назад
Very Nice...
@arnoldparas3043
@arnoldparas3043 5 лет назад
Thank you so much for this tutorial man.. Keep it up.
@katiais8757
@katiais8757 5 лет назад
Thanks a lot for this helpful tutorial (y)
@iancarr3923
@iancarr3923 3 года назад
Excellent!
@kurtisaspden2345
@kurtisaspden2345 5 лет назад
Brilliant Video! Is there any chance you could show how to have a Menu Slider (Navigation Drawer) and how to actively resize the rest of the page?
@AbelDutraUI
@AbelDutraUI 5 лет назад
Yes, I'll try to do it soon!
@kurtisaspden2345
@kurtisaspden2345 5 лет назад
@@AbelDutraUI Thank you!
@Yxnder
@Yxnder 4 года назад
Ä bit late but what do you do at 2:56 to get the resource dictionary sources to automatically paste into the app.xaml?? Are you adding from refereces? Because you don't have a dictionary file for the styles so it must be from references right?. Thanks.
@vmarinpietri
@vmarinpietri 2 года назад
Nice !!! !but how can I do open window from menu ?
@leamon9024
@leamon9024 4 года назад
Excellent! Really enjoy your video. By the way, will you do a responsive UI tutorial someday?
@ChrisLawford
@ChrisLawford 5 лет назад
I would really like to know how to make a sidebar which will reduce the number of menu items in it if the window is shrunk too small by the user. It would then replace one of these menu items by 3 dots item and contain the hidden menu items in it. Do you think you could make something like that?
@AbelDutraUI
@AbelDutraUI 5 лет назад
I can try to do it!
@amazinggamers356
@amazinggamers356 5 лет назад
best tutorial ever
@patyue5012
@patyue5012 4 года назад
But why there is no defination to row and column, good practice or not?
@bobi9749
@bobi9749 5 лет назад
How can i make the ListviewItems into Buttons so that i can use Commands for MVVM Implementation?
@mdrahbarahmedkhan
@mdrahbarahmedkhan 5 лет назад
use Calburn Micro, its really good and fun (:
@draskomi
@draskomi 4 года назад
I have one problem. I implemented this menu in .net core, and the first time when i click button to expand side menu, I have a 1-2 seconds delay before it expands, but each time after that evevrthin works perfect. Thanks in advance
@begumbeyzakocahuyuk3122
@begumbeyzakocahuyuk3122 5 лет назад
wonderful!!!!
@conradtwoeleven5415
@conradtwoeleven5415 5 лет назад
this is excellent, what I would like to know is how to load different forms when clicking the left menu buttons?
@AbelDutraUI
@AbelDutraUI 5 лет назад
You can use the event selection changed to get the menu index or using mvvm
@Enzovandit
@Enzovandit 6 лет назад
really really thanks!!!
@maiconh.rossini7759
@maiconh.rossini7759 5 лет назад
You are the best!
@hunainnasir520
@hunainnasir520 4 года назад
How can I resize it and UserControlCreate.Xaml fits properly on the maingrid ?
@theway5258
@theway5258 4 года назад
Very well
@sona184
@sona184 5 лет назад
Thank you for share, it is amazing!!!
@陳葵-b2q
@陳葵-b2q 6 лет назад
thx , this is great :D
@nebezho9686
@nebezho9686 4 года назад
Can u explain how i can select by swich case complete. When i click it face an erorr that switch (((ListViewItem)((ListView)sender).SelectedItem).Name) in not refrenced or it is null. Thanks Great
@phakkhaponwonganu8315
@phakkhaponwonganu8315 5 лет назад
Million thank you ....
@ChuckChad1
@ChuckChad1 5 лет назад
It's Amazing!!!!
@huzaifaansari8688
@huzaifaansari8688 6 лет назад
Nice....man
@tolibass420
@tolibass420 5 лет назад
Amazing work, but is there a way to get the GridMain to animate properly in response to ButtonOpenMenu/ButtonCloseMenu ? and Have GridMain linked to Column/Row-definitions with a value of "*" ? so that the contents of the UerControl are resized correctly ?
@tolibass420
@tolibass420 5 лет назад
Was able to do it with Blend managing the animation for the GridMain :)
@levivelasquezpaz7401
@levivelasquezpaz7401 6 лет назад
thanks this is the best design video
@AbelDutraUI
@AbelDutraUI 6 лет назад
:D thank you!!
@diegofernandes1258
@diegofernandes1258 5 лет назад
Seria possível fazer a navegação utilizando o TabControl? Esse controle simplifica muita coisa pra mim, mas não consigo alterar o estilo dele usando o material design
@AbelDutraUI
@AbelDutraUI 5 лет назад
Diego, da uma olhada nesse meu outro vídeo: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-XcXjIqjB108.html Veja se te atende
@diegofernandes1258
@diegofernandes1258 5 лет назад
@@AbelDutraUI Ajudou e muito! Obrigado!!!
@TurtleSergio42
@TurtleSergio42 5 лет назад
you're the best
@ChrisLawford
@ChrisLawford 5 лет назад
Thanks for this. Can you do one where it Shifts the content instead of just overlapping? Like the Microsoft sites do: Flow, dynamics, etc
@AbelDutraUI
@AbelDutraUI 5 лет назад
Hi, of course :) I'll do that soon as possible
@arnoldparas3043
@arnoldparas3043 5 лет назад
​@@AbelDutraUI​if possible kindly design something with custom minimizes, maximize and close button.. if it's not too much to ask :)
@ChrisLawford
@ChrisLawford 5 лет назад
@@arnoldparas3043 I actually used this resource before which really helped (www.codeproject.com/Articles/1245616/Custom-WPF-Window-with-Windows-System-Functionalit) but i agree a nice video showing it would be great.
@haydarm.al-samawe9819
@haydarm.al-samawe9819 5 лет назад
amazing
@adrianoplushenko890
@adrianoplushenko890 5 лет назад
Really nice UI. Me suscribo
@asithas.bchandranayake4353
@asithas.bchandranayake4353 6 лет назад
great tutorial. thanks a lot.
@mathieucisse7981
@mathieucisse7981 4 года назад
what is the first song pls ?
@argawirawan8296
@argawirawan8296 4 года назад
very great
@sharmafamilykvideos
@sharmafamilykvideos 6 лет назад
How to add Metarial design dll in Visual Studio 13 please help me
@AbelDutraUI
@AbelDutraUI 6 лет назад
You need to go to menu: PROJECT->Manage NuGet Package then search on Online->nuget.org: Material Design
@utsavroy2656
@utsavroy2656 6 лет назад
Hey i am new to material design XAML. Is there a way to add expander on the listview items. So that i can add more items under listview items. By the way great tutorial. Thank you.
@AbelDutraUI
@AbelDutraUI 6 лет назад
Hello, I think it's possible... There is a tag that I think it can be possible, I'll try to do something like that to the next vídeo!
@utsavroy2656
@utsavroy2656 6 лет назад
That would be great. Or if its not too hard can you throw a simple example with expander. I tried adding it but expander messes up the icon on the side of the listviewitem
@AbelDutraUI
@AbelDutraUI 6 лет назад
Hi, I'm sorry about the delay... you can try to do something like that: TESTE TESTE2 TESTE TESTE2 ...and customize each ListViewItem
@utsavroy2656
@utsavroy2656 6 лет назад
Thank you very much. It worked. This is what i did if anyone is curious
@AbelDutraUI
@AbelDutraUI 6 лет назад
Oh, very nice!!
@mohuissier1277
@mohuissier1277 5 лет назад
wonderful design and lovely animation like android ! I have a software with c# winform can i make this design and animation to my soft?
@berlyntumaneng9285
@berlyntumaneng9285 5 лет назад
is there a way to install this nuget package on .net framework 4.0 im getting a problem since computers here are windows 7 .net framework 4.0 and installing 4.5 is not an option.
@AbelDutraUI
@AbelDutraUI 5 лет назад
Hello, I'm sorry I'll need to test. I just created on 4.5
@federicosorgi265
@federicosorgi265 5 лет назад
Thanks !
@dayanbermudez3525
@dayanbermudez3525 4 года назад
excelente buen tutorial
@alekseivamen6835
@alekseivamen6835 6 лет назад
Gooood👍
@AbelDutraUI
@AbelDutraUI 6 лет назад
Thank you :D
@iamnin0
@iamnin0 5 лет назад
Hi when i try to install the nuget at 0.30, it says error and not compatible. However, my VS is updated. What can ii do to resolve this?
@AbelDutraUI
@AbelDutraUI 5 лет назад
I'm sorry about my delay. Can you tell me what is the error?
@PasirPelangi99
@PasirPelangi99 5 лет назад
Why not Windows Form Aplication?
@AbelDutraUI
@AbelDutraUI 5 лет назад
Hello, I think WPF easier than windows forms
@PasirPelangi99
@PasirPelangi99 5 лет назад
@@AbelDutraUI So how to connect xml with a Windows form
@PasirPelangi99
@PasirPelangi99 5 лет назад
@@AbelDutraUI share whatsapp please
@kevmac9967
@kevmac9967 6 лет назад
Add More! :')
@brandoncox469
@brandoncox469 4 года назад
You should set the GitHub up before you do the video. It's already hard following along the example without any words, and gets a lot harder as you jump around. Set the GitHub up so you can flow through your example more smoothly. Good work though!
@AbelDutraUI
@AbelDutraUI 4 года назад
Hi, thank you! The source code is in video description
@아딱맨
@아딱맨 6 лет назад
How do I implement listviewitem click events and multi view content area?
@AbelDutraUI
@AbelDutraUI 6 лет назад
Hello, i'm sorry about the delay.. I tryed to answer your question here: github.com/Abel13/NavigationDrawer/blob/master/README.md Please tell me if it's ok or any other question :)
@아딱맨
@아딱맨 6 лет назад
Design com WPF thx : )
@CarlosEGuillen
@CarlosEGuillen 6 лет назад
Hello, Great tutorial. Im a begginer in C# and WPF would you please take some time and add more clarification on hot to do this. I've made a template following your tutorial and later to find the issue with click event. Apreciate in advance!
@AbelDutraUI
@AbelDutraUI 6 лет назад
Hello, thank you so much, I'll try to improve this template soon, inothers videos I implement some other things that maybe help you... Any question please tell me, I'll be happy to help you!! Thanx again!
@tuandoan4296
@tuandoan4296 5 лет назад
Thanks
@emisondias1136
@emisondias1136 5 лет назад
Mt obrigado amigo! Vc é BR?
@AbelDutraUI
@AbelDutraUI 5 лет назад
Sou sim rsrs
@JuniorSilva-dg3ow
@JuniorSilva-dg3ow 4 года назад
É isso ai, honra nossa bandeira com esse talento! Parabéns, melhor video que encontrei de MD!
@Kairo18
@Kairo18 2 года назад
opa
@MehammedTeshome
@MehammedTeshome 5 лет назад
thank you so much nigga,,,,i did my first wpf school project using this design and it is nice...but how can i navigate to other windows..like home..and the like listed in the listview...please quick response...???
@AbelDutraUI
@AbelDutraUI 5 лет назад
Watch this other video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VNYOKc1PLqA.html Here I show how to navigate.
@lucimarckjunior4754
@lucimarckjunior4754 6 лет назад
Are you Brazilian?
@AbelDutraUI
@AbelDutraUI 6 лет назад
Opa, sou sim
@lucimarckjunior4754
@lucimarckjunior4754 6 лет назад
Suspeitei! Visual Studio em Português + Teclado em Português + Facebook com memes brasileiros = Brasileiro KKKKKK Tbm sou man, gostei muito do vídeo, deu uma inspiração legal em um projeto que estou digamos que "terminando" o começo KKK Hein, você já tentou programar UWP's?
@AbelDutraUI
@AbelDutraUI 6 лет назад
Tenho alguns App's UWP mas não upei pro GitHub... O mais completo que fiz foi consumindo a API da RIOT games
@lucimarckjunior4754
@lucimarckjunior4754 6 лет назад
FODA!!!!!!! Eu estou fazendo um que vai usar a API da Steam futuramente, por enquanto acabei de finalizar a base do code behind e parti para o front
@AbelDutraUI
@AbelDutraUI 6 лет назад
Legal! Quero começar a fazer uns vídeos de softwares completos, mas to muito atarefado com a faculdade, devo começar nas férias.
@yephick
@yephick 6 лет назад
my ears!!!
@davidleedom
@davidleedom 4 года назад
why can't you explain what you are doing instead of playing music?
@AbelDutraUI
@AbelDutraUI 4 года назад
Hi, I'm not comfortable talking in English yet, but maybe I start doing it in 2020
@mahdi4581
@mahdi4581 6 лет назад
source ?
@AbelDutraUI
@AbelDutraUI 6 лет назад
github.com/Abel13/NavigationDrawer
@МанитуИзМаниту
@МанитуИзМаниту 2 года назад
the sound is some kind of trash, for patients with epilepsy. Why are you doing this? Listen to what you want in your headphones. There's no reason to show the whole world your chops.
@AbelDutraUI
@AbelDutraUI 2 года назад
Thanks, I'll try to improve it
@tataelm
@tataelm 2 года назад
I will never understand why people put shitty music behind these tutorials. I get it if you don't want to talk, but why this kind of music?
@rudiwosch4446
@rudiwosch4446 3 года назад
Omg stop that 'music' !
@alexanderparshakov809
@alexanderparshakov809 6 лет назад
By the way, could you explain for what and from where you input the links at 2:59? Also, do you input them by keyboard or copy from somewhere?
@AbelDutraUI
@AbelDutraUI 6 лет назад
Hello, the lib Material Design that I used need this code. I copied to be faster, all my codes are on github... this file you can see here: github.com/Abel13/NavigationDrawer/blob/master/NavigationDrawerPopUpMenu2/App.xaml
@alexanderparshakov809
@alexanderparshakov809 6 лет назад
Now I got it. Thank you:)
@TallyOce
@TallyOce 5 лет назад
You don't show enough code, it is so hard to follow what you are doing when you're scrolling left and right constantly.
@dii2
@dii2 5 лет назад
You could at least start by thanking him for been kind enough to share.
@nandkishorsonwale
@nandkishorsonwale 3 года назад
Awesome video. Really you are sharing your valuable skills to us and also demo project so that we can get instant result. Thanks a lot. Wishing you a wonderful year ahead. Happy new year!
@AbelDutraUI
@AbelDutraUI 3 года назад
Thank you!!
@AbelDutraUI
@AbelDutraUI 3 года назад
Happy new year!!! :D
@codingislove4279
@codingislove4279 3 года назад
Thank you for making this tutorial. Really this video helped me out..!
@tugce5372
@tugce5372 5 лет назад
Wonderful
@JsHwangJJ
@JsHwangJJ 3 года назад
Thank you!! Plaease upload more video this is very good work!
@EMRDJ2008
@EMRDJ2008 3 года назад
it's fast to the point that it's becoming useless ...
@aher3122
@aher3122 5 лет назад
Great tutorial. Also new to WPF. Is there a way to make the right side (main screen) responsive? So that when the side menu open/closes the right content gets pushed to the side in a responsive way?
@AbelDutraUI
@AbelDutraUI 5 лет назад
Yeah it is! I'll try to do a video like that
@tangitv6758
@tangitv6758 3 года назад
Is the music a pun to a certain youtuber ? XD
@אלוןגרוס-ו4ה
@אלוןגרוס-ו4ה 3 года назад
What great music ,what is the name of the remix?
@hitoshilxrd4518
@hitoshilxrd4518 5 лет назад
How do you open properties tab in vs 2019
@AbelDutraUI
@AbelDutraUI 5 лет назад
Press F4 button
@eddyemlj8482
@eddyemlj8482 Год назад
Thank u again man
@zungatzungatov5317
@zungatzungatov5317 3 года назад
Танк ю со матч ман
@chamhoi3132
@chamhoi3132 6 лет назад
Thank you :) It is very very nice !!!
@Wildbeez
@Wildbeez 5 лет назад
Try to use Versatile Data Visualization Tool for High Technologies atomicuschart.com get free trial for 3 month
@jgrecalde
@jgrecalde 5 лет назад
Great video. How can I close the grid menu when I click in any listview button??
@AbelDutraUI
@AbelDutraUI 5 лет назад
You can start the animation when some event happens
@handypda
@handypda 3 года назад
Misleading!!!
@alexaprodu5346
@alexaprodu5346 4 года назад
Hi, i am new to WPF and i really liked this tutorial, it'S what i needed so thank you for that. I have now some issues with content navigation, and how is that done, i researched a bit and only found web navigation between pages or using declaration instead of window, which doesn't allow me to to set window transparancy and other properties, ... of course. Or to use the Drag event anymore. Does this have to be a page nested in a main window or how can i do this? is there any way arround, or what is the point i am missing? thank you in advance.
@johnolive6634
@johnolive6634 4 года назад
Thanks bro for this wonderful video you are such a rare gift. I would like to request for a video on how to create pages. Like that of Microsoft word that can auto insert pages immediately the page is filled up Thanks in advance
@ManavDIY
@ManavDIY 6 лет назад
First of all, thank you so much for sharing your skills. Once you change the window resize mode to none ( ResizeMode="NoResize"). Window is not movable, please help?
@AbelDutraUI
@AbelDutraUI 6 лет назад
Hello, Thank you!! To move the window you can use the function DragMove(); like I did here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VNYOKc1PLqA.html
@ManavDIY
@ManavDIY 6 лет назад
Thank you, brother!
@rishabhshrivastava1722
@rishabhshrivastava1722 5 лет назад
Hello this tutorial is very nice but i want to create some Sub menu in this so how can i do this with your code please suggest me..
@Danger418
@Danger418 5 лет назад
Nice, helped me a lot in my design. Thank you!
@eweem1110
@eweem1110 4 года назад
I need an ScrollView for the GridMain, but i don't know to do
@pleasedont1692
@pleasedont1692 4 года назад
I have problems when I use this code with .NET core please help
@AbelDutraUI
@AbelDutraUI 4 года назад
Hi, what is the problem?
@pleasedont1692
@pleasedont1692 4 года назад
@@AbelDutraUI how to create a switch menu with user controls using .net Core instead of .net Framework some functions like "gridmain.children.add" don't work
@danielsachin1106
@danielsachin1106 5 лет назад
Hi my friend, Thanks fro uploading the video! very informative, When I have tried this design one thing I noticed is that the side panel gets overlapped with the usercontrol form when we select each menu in the panel. How to adjust the design?
@br0keh
@br0keh 6 лет назад
Como eu removo o estilo normal do windows do botão quando eu passo o mouse sobre ele em WPF?
@AbelDutraUI
@AbelDutraUI 6 лет назад
Você adicionou a biblioteca de Material Design na janela que está desenvolvendo?
@allanmingau
@allanmingau 2 года назад
valeu video top
@AbelDutraUI
@AbelDutraUI 2 года назад
Eu que agradeço
@pablocuadros8482
@pablocuadros8482 4 года назад
You my are a hero
@pranavshirsul2186
@pranavshirsul2186 4 года назад
hi, thanks for the video . Can you suggest me what to do to move child GridMain with left panel?
@AbelDutraUI
@AbelDutraUI 4 года назад
Hi, try this one: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-oDEtZ5_kbww.html
@krabyrgerkrabyrgerovich2757
@krabyrgerkrabyrgerovich2757 5 лет назад
Very bed video
@AbelDutraUI
@AbelDutraUI 5 лет назад
What can I inprove to be better?
@amateursdream
@amateursdream 6 лет назад
Soundtrack, please! Amazing video!
Далее
C# WPF Design UI - Trying Handy Org Custom Controls
11:00
C# WPF - UI Design || Menu Vertical (Demo)
17:56
Просмотров 20 тыс.
The Home Server I've Been Wanting
18:14
Просмотров 134 тыс.
C#/WPF - Learning the DataGrid
1:42:38
Просмотров 11 тыс.
C++ - Lecture 05 -  Time and Math Libraries
1:17:47
Просмотров 1,2 тыс.