C# WPF Modern UI Flat Design Tutorial
Вставка
- Опубліковано 7 вер 2024
- C# WPF Modern UI Flat Design Tutorial this tutorial will show you how to create a flat modern ui with a flat design using WPF and C# this goes really fast and it's stunning and beautiful and professional and works well for 2020 and 2021. This is a tutorial and the source code and the project files will be available for download.
Patreon: / payloads
There is now an official Discord server!
discord.gg/2RNRx73aDE
This is possibly one of the shortest, simplest and most comprehensible examples in XAML I've ever seen. I've learnt a lot of stuff about XAML in this video! I sincerely hope that you'll keep making content :) Cheers!
Thank you so much! I really do appreciate that! And I will, I have a couple of ideas boiling at the moment! :-)
I'm not an English native speaker but I may say that your explanation was very easy to understand. Great video, thanks!!
Thanks a bunch! I'm glad I could help! :-)
@@_buffer Great video seriously, we need more like this XD. Greetings from Colombia!!
This video is an example how every tutorial should look like. Everything is understandable and simple. thanks for the video ! :)
Thank you so much for the kind words! I really do appreciate it! More videos coming! :-)
I agree
It’s too hard
omg, finally an easy tutorial with a good-looking WPF in the end. THANK YOU, YOU ARE THE BEST!
Glad I could help! :-)
*tips fedora*
I'm very happy with your sharing, dear @payload... You managed to summarize a month of WPF styling research, in just 20 minutes... congratulations!
PERFECT SPEED!!!!
I agree. I usually watch all of these type videos at 1.5x and only towards the end did I realize that this was running at 1x. More WPF videos please? 😁
Just found your tutorials and having graduated before wpf was a thing and being pretty much self taught and knowing enough to just get things done, i find your tutorials better than most i have seen. I am still new to the MVVM process but your tutorials are helping me out greatly to try to understand what it is and how it works.
Wie toll dieses Design aussieht und noch perfekt erklärt. Einfach Klasse!
Thank you very much! :-)
I'm experienced with C# but only vaguely familiar with WPF - I'm writing XAML for the Uno Platform and tutorials like this are awesome. Thank you!
You're most welcome! :-)
This is amazing. I work with WPF at my dayjob as well as personal applications. There's always new stuff to learn! I'm def going to apply some of these tips to my personal finance app I'm developing.
That's awesome to hear! Best of luck with your project!
@@_buffer Where did you find the art/icons for this project?
@@brandonberisford All of them were found using Google search :-)
Amigo yo no sé muy bien inglés
Pero te entendí casi todo
Eres el mejor explicando WPF de UA-cam
i‘ve actually just started using the wpf, but because of you i already feel like a pro, thanks a lot
Wow, so cool and beautiful.
Thank you so much! :-)
really awesome!
thanks a lot! greetings from Mazatlan, Sinaloa!
You're most welcome!
A little late but im glad i found this video legggoooooo!!!!
Haha thank you sooo much!
The idea is great, presentation is excellent, but you forgot to inform people that you can just put all your styles in the app.xaml, makes the page less cluttered. Also, you can put your default font, fontsize, foreground, background etc. in the tag.
All good points, but if you look at it from a realistic point of view.. Most people are too lazy to care about separation, unfortunately. However! In the video that I'm working on right now I do implement all of that. :-)
@@_buffer that's like saying "I'm promoting being lazy because most people are lazy". Hmmm.
Here before this guy reaches 1M.
Haha you're too kind! If only! :D
Your more underrated than i thought 😅 keep up the work
Thank you! I really do appreciate it :-)
This video is very helpful and has given me a few clues to my issue. Do you have any videos where you add a style for a combobox with rounded corners. Every time I do it I get Issues where it doesn't work or it gives me unresolved resources. Thanks for your vids. They are inspiring.
Always wondered how I can get rid of the basic looking default border and window bar. Never thought of the Window Style. Even if am more of a "backend" oriented person, this will help me improve my basic UI :D. Thanks!
That's awesome! You're most welcome! :-)
@@_buffer Hey, first time making a WPF app, doing this do we lose the close, minimize, enlarge buttons/functionalities? If not, how can we incoporate them into our app?
You're presentation was so cool. and the application looked cool!
Thank you so much! It's very appreciated!
@@_buffer You're welcome! You presented things I never thought about, and never knew about like getting rid of the standard title bar. I went full anime when i saw that "usooo!"
love your videos and the way you explain - please keep on doing videos
Thank you so much! I will! :-)
Great video, I´m hoping for more WPF content!
I'm working on one right now that I think you will love!
Love your videos dude keep it up!
Thank you so much! :D
Underrated
Thank you so so much! :-)
This ain't a tutorial - it is a fast show off!
Spoonfeeding for 20 minutes straight.
Call it what you want :-)
These are fantastic tutorial videos! More please!
This video gave me very nice lessons about WPF. Thanks~
This was just perfect! Found some inspiration on this :D Btw, I'd love if you show how to deal with resizeable borderless windows (which are my headache) :)
Thank you so much! I really do appreciate that! :-)
Thank you very much for the video. You are the savior. Was very helpful for me!
your videos and your coding style are Amazing!
Nice tutorials, but do you think about to start a course for example on Udemy. That would be nice.
Thank you! I've been considering it actually :-)
Sick, so nice easily explained. Thanks
Anytime! :-)
I looked at xaml in the past and brushed it off after seeing some very daunting tutorials - having new Gained interest in learning it and ow boy - this looks much much easier than the beast I remember
Thanks for the great tutorial - guess best way to start is actually making a start now
Love it! More video please.
Thank you! More coming! :-)
Excellent tutorial and explained in simple manner. Only some codes need to be changed for UWP
That was cool. Pls make more wpf tutorials.😍
who are you and where did you come from?! Your videos are AWESOME! Great job!
Haha thank you so much! I really do appreciate it! More awesome content on the way! :-)
@deuxmsxs Sure! That would be a fun project!
Can someone help me? I wanna do a Picture as Button Value (like he did with color on 10:23 ) to make a custom Picture if I hover over the Button (like he did in 11:00 with color)
Thank bro…🙂 very nice
You're most welcome!
Amazing project more like that please!
very nice and easy thank you bro i hope you upload the projects when you done from Tutorial
Okay, I have to know. How do you do the colors? Do you have a chart or something that you reference? Or do you just know what they're going to be like according to the hex numbers?
Good question! It's a rough "guestimate" composed off of on the RGB values :-)
That's great! Keep it up, please 🙌
Absolutely amazing
This tutorial is soo good
Thank you so much Owen! :-)
Great video 😉💪
Thank you so much! :-)
Beautiful idea!
I would've put styles into the window's (or even app's) resource dictionary since you're reusing them many times but nevertheless the result looks nice.
Great tutorial!
Hi, could you make a video for WPF, how from a RichTextBox to save and load data from MySQL (formatted Text)?
very cool design
Thank you! :-)
Nice work!
Thank you! :-)
Would love to see these kind of UI design using WinUI 3 win32 and Project Reunion app
This is Gold! Thank you!!
You're most welcome! :-)
Great tutorial on customizing WPF. Thanks!
Pretty nice!
I am currently coding some similar windows and it makes so much fun.
PS: Which PC/laptop do you use? The performace when starting the debugger looks pretty fast.
That's great! I'm glad you're enjoying it!
I'm currently running a desktop computer which has a Ryzen 3700x, 16GB RAM overclocked to 3800MHz, that should be the core which makes it compile so fast :-)
Simply..WOW
really good video by some1 I can understand!
Just quit having some1 time u... & slow down some ;)
how can i move between form to form since the menu? do you have a toturial like i ask?
That's actually coming up in the next video! :-)
quick question... where and how exactly do you implement your close buttons for the app since you do a WindowStyle=None you have no title bar so it doesn't have the normal "X" for close. Also you cannot move the window around by clicking it without adding a MouseDown event on the window to do the DragMove() right? Just wondering how you implement things like Close and repositioning the window in your apps that don't have the default windowStyle turned on.
Hey! Very good questions!
You're right by thinking that you can't move the windows around or close it due to the WindowStyle being set to none, but you can implement something like `App.Current.Window.Close()` Essentially getting the current windows that you're working with and then invoking "Close". As for moving it around you can databind to an event such as MouseDown on any component and then implement, as you said "DragMove()". I hope this answer was helpful! :-)
@@_buffer thanks.
Thank you so much for teaching me. May you let me know why my WPF does not have property name ConnerRadius? Thanks a million.
Set the TargetType :-)
@@_buffer I know the reason, I was mistyping "C o n n er" in stead of "C o r n e r". Thanks a lot!
Gold video
Hi, i have a problem, because the top bar have mouse event, then the child button at the right "Start" dont invoque the left mouse event, how can i fix this ? thanks
Very noice!
Thank you Daniel! :-)
Is there a simple way to change in between pages? I have a Start Page where I can choose login or register. And after changing to the Login page I cant change to the next page which would be the Home page.
I did exactly what you did for importing font and still will not work.
StackPanel = StackLayout in Xamarin?
Yes
Do u have a discord or something because I need help
Very nice design and coding. but too fast for me :) lol. Thanks.
Excelente mister Binary
Great video.
As someone new to WPF my first impression is it's quite a wasteful language.
All that copying and pasting for buttons.
If you want to change a style you then need to change each and every one of them.
Is it not possible to set up global styles and have your buttons inherit them?
That is possible yeah, check out my most recent video where I'm setting the button style explicitly, you can even make it so that ALL buttons have a specific style :-)
@@_buffer awesome, thanks
Can i somehow do that grid or idk how to call it (i mean that lines, borders your window...) So, can i use it using designer if yes how?
More on tutorial like MVVM, integration for API
Is there any difference between using the .net framework wpf and the .net core one?
Using custom fonts doesn't work for me
Interesting video, but Why do you keep saying "hashtag" as if you were using Twitter? It's just "hash". For the RGB values, the # means hexadecimal (or 'hex' for short).
Hey, i need some help, so on the Button.Style you wrote the setter property "Background" for some reason it doesn't work for me, can somebody help?
I would have to take a look at the code, could you hatebin it?
@@_buffer Hey it doesn't let me comment the link
It just deletes the message when I reload my google
I removed the top thing of the window- now how do I move the window?
where is the code source please, i don't view; Thanks!
www.patreon.com/payloads
how do i make it resizable while keeping the modern ui looks?
Hey, where did you inspire the design?, from flattico?
Awesome
You're awesome!
thank you)
Are we allowed to use Google fonts like this? Are there any licensing issues?
can we copy past it
Wow!
15:25
how to bind command on a button on 13:00?
can i do it in VS code
Love❤❤
is this .net core or .net framework?
When I see the way of this coding, It looks like coding flutter in the C#
Why do i find it hard to do task in WPF?
We need new uploads BB!! :)
Nice video! Nederlands?
Send url pls on ur background!
Hi. Did you use .net 5?
Modern in Title, chooses to use Framework....
Lol, I had the same thought. .NET framework is today legacy.
I saw you in another video too complaining about the same thing lol. Did you find a good tutorial that uses Core instead?
@@okee Sadly not