C# WPF Modern UI Flat Design Tutorial

[@_buffer]

There is now an official Discord server! discord.gg/2RNRx73aDE

[@noturbbyy6136]

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!

[@_buffer]

Thank you so much! I really do appreciate that! And I will, I have a couple of ideas boiling at the moment! :-)

[@patrick.1943]

This video is an example how every tutorial should look like. Everything is understandable and simple. thanks for the video ! :)

[@_buffer]

Thank you so much for the kind words! I really do appreciate it! More videos coming! :-)

[@CodeDisease]

I agree

[@creeperskydiver]

It’s too hard

[@idperez720]

I'm not an English native speaker but I may say that your explanation was very easy to understand. Great video, thanks!!

[@_buffer]

Thanks a bunch! I'm glad I could help! :-)

[@idperez720]

@@_buffer Great video seriously, we need more like this XD. Greetings from Colombia!!

[@augustoge71]

I'm very happy with your sharing, dear @payload... You managed to summarize a month of WPF styling research, in just 20 minutes... congratulations!

[@redditcamp543]

omg, finally an easy tutorial with a good-looking WPF in the end. THANK YOU, YOU ARE THE BEST!

[@_buffer]

Glad I could help! :-)

[@UOHCUNY]

*tips fedora*

[@michaelhanson5773]

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.

[@yaaqez]

i‘ve actually just started using the wpf, but because of you i already feel like a pro, thanks a lot

[@jasonlapp4559]

PERFECT SPEED!!!!

[@nwdreamer]

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? 😁

[@vinny6935]

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!

[@_buffer]

You're most welcome! :-)

[@simplewpf]

Wie toll dieses Design aussieht und noch perfekt erklärt. Einfach Klasse!

[@_buffer]

Thank you very much! :-)

[@brandonberisford]

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.

[@_buffer]

That's awesome to hear! Best of luck with your project!

[@brandonberisford]

@@_buffer Where did you find the art/icons for this project?

[@_buffer]

@@brandonberisford All of them were found using Google search :-)

[@robertomejia3124]

really awesome! thanks a lot! greetings from Mazatlan, Sinaloa!

[@_buffer]

You're most welcome!

[@chillbro2275]

You're presentation was so cool. and the application looked cool!

[@_buffer]

Thank you so much! It's very appreciated!

[@chillbro2275]

@@_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!"

[@samanthalulica]

Wow, so cool and beautiful.

[@_buffer]

Thank you so much! :-)

[@IonicMC]

Your more underrated than i thought 😅 keep up the work

[@_buffer]

Thank you! I really do appreciate it :-)

[@Tayfaan]

Here before this guy reaches 1M.

[@_buffer]

Haha you're too kind! If only! :D

[@breynerarleybernalrojas4497]

Amigo yo no sé muy bien inglés Pero te entendí casi todo Eres el mejor explicando WPF de KZbin

[@exosdel]

Great video, I´m hoping for more WPF content!

[@_buffer]

I'm working on one right now that I think you will love!

[@m3xpl4y]

love your videos and the way you explain - please keep on doing videos

[@_buffer]

Thank you so much! I will! :-)

[@mjdev-i1p]

your videos and your coding style are Amazing!

[@snotvlek4721]

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.

[@_buffer]

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. :-)

[@flipflap4673]

@@_buffer that's like saying "I'm promoting being lazy because most people are lazy". Hmmm.

[@tobiti34]

Love your videos dude keep it up!

[@_buffer]

Thank you so much! :D

[@GuildOfCalamity]

These are fantastic tutorial videos! More please!

[@재주꾼불당늘보불당개]

This video gave me very nice lessons about WPF. Thanks~

[@Worthical]

A little late but im glad i found this video legggoooooo!!!!

[@_buffer]

Haha thank you sooo much!

[@alifaezian4982]

That was cool. Pls make more wpf tutorials.😍

[@RODLEW22]

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.

[@ccristian1715]

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!

[@_buffer]

That's awesome! You're most welcome! :-)

[@johndimelu1247]

@@_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?

[@notvegy]

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)

[@אסףדודהלל-ל3כ]

Amazing project more like that please!

[@rashininilukshi5103]

Thank you very much for the video. You are the savior. Was very helpful for me!

[@oprd13]

Sick, so nice easily explained. Thanks

[@_buffer]

Anytime! :-)

[@isiahjones_33]

Love it! More video please.

[@_buffer]

Thank you! More coming! :-)

[@brain9961]

Underrated

[@_buffer]

Thank you so so much! :-)

[@owen6571]

This tutorial is soo good

[@_buffer]

Thank you so much Owen! :-)

[@angeldepaz6407]

Absolutely amazing

[@henriqueselau2987]

who are you and where did you come from?! Your videos are AWESOME! Great job!

[@_buffer]

Haha thank you so much! I really do appreciate it! More awesome content on the way! :-)

[@_buffer]

@deuxmsxs Sure! That would be a fun project!

[@idittaibi1757]

Beautiful idea!

[@Tsachyl]

This ain't a tutorial - it is a fast show off!

[@_buffer]

Spoonfeeding for 20 minutes straight. Call it what you want :-)

[@nihalbayoglu9560]

That's great! Keep it up, please 🙌

[@jvargas623]

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) :)

[@_buffer]

Thank you so much! I really do appreciate that! :-)

[@avenger6038]

very nice and easy thank you bro i hope you upload the projects when you done from Tutorial

[@collinsk8754]

Great tutorial!

[@madhuchin]

Excellent tutorial and explained in simple manner. Only some codes need to be changed for UWP

[@michaelhanson5773]

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.

[@_buffer]

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! :-)

[@michaelhanson5773]

@@_buffer thanks.

[@syth-1]

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

[@DaLadnoWhat]

Thank bro…🙂 very nice

[@_buffer]

You're most welcome!

[@diopistacchio5037]

Great video 😉💪

[@_buffer]

Thank you so much! :-)

[@LisaLiel]

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?

[@_buffer]

Good question! It's a rough "guestimate" composed off of on the RGB values :-)

[@jaredmartinez04]

This is Gold! Thank you!!

[@_buffer]

You're most welcome! :-)

[@feign.8468]

Nice work!

[@_buffer]

Thank you! :-)

[@Samir-50082]

Nice tutorials, but do you think about to start a course for example on Udemy. That would be nice.

[@_buffer]

Thank you! I've been considering it actually :-)

[@m3xpl4y]

Hi, could you make a video for WPF, how from a RichTextBox to save and load data from MySQL (formatted Text)?

[@perforator3000]

how to bind command on a button on 13:00?

[@Abner.mp4]

how can i move between form to form since the menu? do you have a toturial like i ask?

[@_buffer]

That's actually coming up in the next video! :-)

[@humanbot5247]

Simply..WOW

[@TheRealVinny2020]

Great tutorial on customizing WPF. Thanks!

[@josbexerr5166]

Excelente mister Binary

[@zairiaimen6004]

Is there any difference between using the .net framework wpf and the .net core one?

[@david-thang-coder]

Thank you so much for teaching me. May you let me know why my WPF does not have property name ConnerRadius? Thanks a million.

[@_buffer]

Set the TargetType :-)

[@david-thang-coder]

@@_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!

[@MathiasBesil]

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

[@DanielMelendrezPhD]

Very noice!

[@_buffer]

Thank you Daniel! :-)

[@raphaelflattinger3858]

Hey, where did you inspire the design?, from flattico?

[@Peekcasso]

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.

[@aathifmahir]

Would love to see these kind of UI design using WinUI 3 win32 and Project Reunion app

[@elementiro]

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.

[@lu_latsch]

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.

[@_buffer]

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 :-)

[@andrejfellinger8783]

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?

[@mrshroomas]

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?

[@_buffer]

I would have to take a look at the code, could you hatebin it?

[@mrshroomas]

@@_buffer Hey it doesn't let me comment the link It just deletes the message when I reload my google

[@ВладимирКовяко]

Awesome

[@_buffer]

You're awesome!

[@deianmihai8038]

Gold video

[@warrenbuckley3267]

Are we allowed to use Google fonts like this? Are there any licensing issues?

[@dogstar9455]

Hi. Did you use .net 5?

[@isaac8228]

how do i make it resizable while keeping the modern ui looks?

[@richardschofield2201]

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?

[@_buffer]

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 :-)

[@richardschofield2201]

@@_buffer awesome, thanks

[@DXX48IO]

thank you)

[@MrDeylann]

More on tutorial like MVVM, integration for API

[@mydronesamadvanes7854]

StackPanel = StackLayout in Xamarin?

[@_buffer]

Yes

[@raoi_]

I removed the top thing of the window- now how do I move the window?

[@thecybertrons222]

Love❤❤

[@אסףדודהלל-ל3כ]

Wow!

[@8d38]

Do u have a discord or something because I need help

[@medicallyunexplainedsymptoms]

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).

[@sornanunsipkhea463]

Very nice design and coding. but too fast for me :) lol. Thanks.

[@hmotwell]

really good video by some1 I can understand! Just quit having some1 time u... & slow down some ;)

[@muhammadrizotoxtasinov8592]

can we copy past it

[@RylanPlayzYT1234]

where is your website

[@fanjavadevrandria4014]

where is the code source please, i don't view; Thanks!

[@_buffer]

www.patreon.com/payloads

[@CanadianMang]

I did exactly what you did for importing font and still will not work.

[@zk3874]

were can i download source?

[@mnj3t]

is this .net core or .net framework?

[@rongerardvalero813]

Why do i find it hard to do task in WPF?

[@ramlaaal]

can i do it in VS code

[@thomastomtom2010]

Nice video! Nederlands?

[@zn4a419]

15:25

[@zehsofficial]

Using custom fonts doesn't work for me

[@colinfurrer7169]

We need new uploads BB!! :)

[@Gabriel-wo8nj]

Hi, How can I download the code.

[@_buffer]

It's on my Patreon which is in the description.

[@Johnny8117]

Send url pls on ur background!