ฝัง
- เผยแพร่เมื่อ 14 พ.ย. 2024
- WPF C# Professional Modern Chat App UI Tutorial here is a tutorial showing you how to design a modern chat app using WPF and C# with a modern ui and make it look professional, it has custom controls and custom features, it shows how to move and resize the window. it's easy, fast and minimalistic and somewhat futuristic. It has it's inspiration for discord.
Discord: / discord
Patreon: / payloads
X Mark: en.wikipedia.o...
Square: www.fileformat...
Custom scrollbar: pastebin.com/a...
![[LIVE] BABYMONSTER(베이비몬스터) - DRIP | 두시탈출 컬투쇼](http://i.ytimg.com/vi/UG05pxLGwzc/mqdefault.jpg)
Discord Server: discord.gg/2RNRx73aDE
What goes on in this magical place?
A
@ARAS KRAL Patreon in the description
@ARAS KRAL It's on my Patreon :-)
Is it okay if i dont really understand binding and inotifypropertychange? C# makes way more sense to me.
As a native winforms noob, this is mind blowing. Incredible!
Thank you so much! Hopefully you'll start moving over to WPF :-)
with the free guna framework you can do that too
I did winforms for a while just to understand design, winforms is nice because it has premade controls with stuff like GunaUI and SiticoneUI, but if you want to make a professional application I would recommend learning XAML
Dude, you gotta switch ASAP, because WPF uses your GPU to render sh*t, and as a comparison, animating a background in Winforms costed me 27% of my CPU at all time while the app is running, as opposed to WPF doing the same thing - 2% GPU, and 1% CPU. Ridiculous.
WPF uses GPU. that more effectively than WinForms. Animating something in WPF is smooth and good for performance, battery, etc. For winforms you need to use some complex solution to animate and for virtualization
with all respect to all other tutorials, this is my learning style
thank you for the fast paced, well explained tutorial
same for me... some other videos would take for 4 hours doing same
You've got a subscriber out of me! Looking forward to what you create next! I love that you used WPF and MVVM. Those are the two principles that are most important to me right now. Thanks!
You're most welcome! :-)
This a great simple styling tut for me. Using the MVVM Community Toolkit package from Microsoft eliminates the Core folder. It saves so much time inheriting the ObservableObject class and using the source generated attributes [ObservableProperty] and [RelayCommand].
The quality of this tutorial is so high. Learnt a lot from it. I've subscribed. Thanks so much
Please make more of these, it is really helpful
More on it's way! Feel free to join the Discord server, we're constantly sharing ideas and feedback :-)
Learned more from you in an hour than in 20+ hours Udemy course...
That's awesome! That makes me really glad! :-)
I first started coding in c++ because I wanted to get into unity game development. after i thought I was good to go, i installed unity and realized that they use c# not c++ so the months i spent preparing for it were useless. I then started learning unity c# and now I want to learn native c#. This tutorial is very easy to follow and although you don't explain things very much for beginners I was able to realize what everything meant as I followed along.
A tip is to stop studying to be able to code in unity and instead download unity and VS and get coding in the enviroment u actually want to be able to code in. Do some 2d unity game tutorials. there are many good ones here on youtube. Cause even if you know a bit of c# when u go to unity you wont know shit about all of unitys different tools and what not. Get an idea of something u wanna do in unity and then just start coding. Youll get stuck alot but everytime u get passed an obstacle u will have learned something new. Thats the life of a coder though :) good luck.
that was a beautiful MVVM job with WPF
Thank you so much Ronen! :-)
an excellent mvvm and wpf Tutorial, looking forward to your next video
Thank you so much! :-)
Great Video again, really enjoyed watching it and keep learning more and more from you. Thanks!
Thank you! And you're most welcome! :-)
Enjoyable, Easy to follow, best of the best and informative.
Thank you 🔥
New discord UI is looking fresh ;)
Haha you can see where I got the inspiration from :-)
Thank you so much for this tutorial! As it was so helpful to me I can now begin to make my own app.
You're most welcome! Best of luck on the app! :-)
Your tutorials are the best!
Thank you and please make more!
You're most welcome! And more videos are coming! :-)
Surprisingly familiar... This reminds me of something!
Discord...
@@eagle-x8s ya
yeah me too! It looks like Skype!
@@turbosprezarkaa Discord*
@@redzard2015 naaaahhhh, its clearly mumbel!
It's great that i found this channel. You really helping me to make good students projects and give an impetus to the development of my skills
Thank you
Don't listen to the haters, your videos are pretty good. Looking forward to see more of your content.
You deserve so much more subs! Your videos are incredible!!!
Your videos are better and better each time!!!!
Thank you Worthical! I miss your uploads :(
Thank you for the clear and complete tutorial. I would like to ask how you systematically learned the usage of each tag in WPF and used it flexibly? In the video, you used it very skillfully, but I still had to confirm the test screen and modify the code at the same time.
alternative title: Making Discord in 1 hour
Discord Clone 101, but awesome tutorial. Not that most social media apps don't look the same though.
Are there more videos for this app? I'd like to see it wired up for production and see it used by multiple users!
That seems to be a common request so I'll probably end up doing that :-)
Good work. It really looks amazing
Thank you so much! :-)
Amazing video, thanks!
You're most welcome! :-)
Man, you should rename your channel to "Here we go!" :D
Thank you for the great material!
You're most welcome! Thank you for checking it out! :-)
Hey there, thanks for the walkthrough, those videos really do help me a huge lot! Sadly though I have noticed that the link to the custom scrollbar is down. Any chance that you could reupload it? Thank you in advance, appreciate you!
fact that you used margins instead of paddings for the minimize button will keep me awake tonight
Please a follow up, making it so other people can add you and you can chat with them
Would be extremely grateful if you could make a video about the notify icon in wpf. The stuff that allows to set up a tray icon and customize it
Join the Discord server! We could probably chat about it over there! :-)
thank you for new ideas it is helpful to us
You're most welcome! :-)
Great tutorial!
Thank you so much! :-)
It was a very good video and I can use part of it for a project I am working on
I love this so much thank you!
You're most welcome! :-)
Guys he can recreate discord in under a week
your videos are very good! Thank you :D
Thank you so so much! :-)
Really nice explanation. Thank you.
Poggers I only needed to fix my D: drive reinstall :C Windows files, use unlocker, use linux to fix all of that, fix the trash bin, and now it works, poggers
i enjoyed this video so much thanks. Can you do a video of how to make an Opening screen animation type thing ( so when you open your application it does an animation with your logo type of thing and then opens the apllication ?
That's a great idea! I'll add that to the backlog of video ideas! :-)
I think that is called a splash screen
mean you real genius
No, but thank you so much! :-)
@@exec1337 wot.
Thank you ofor the tutorial, it really helps! Though a question. What is the point of creating an inheritance for the InotifyPropertychanged? Do you usually end up with a lot of viewModels? I may have answered myself.
This is awesome thank you very much
Me : Mom can we have discord
Mom: No, We have discord at home
Discord at home:
Damn, this was so sick! :D
This dude made a Discord with c#. You're a fucking god!
I'm not haha but thank you good sir! :D
Nice works. But i want to add a note, when you maximize the app, it gets clipped. Look closely to upper right app. It has to do something with , i forgot.
This is because of the window frame being removed. A simple workaround is to set a margin of around 8px on the top-level Grid (or what ever houses your window contents) when the WindowState is changed to Maximized, and set it back to 0px when the window is restored down.
ok enough ... i am subscribing :D
Amazing man
Thank you :-)
Ok i'm gonna learn what is WPF by creating a Discord clone... why not after all. :)
Heck yeah! :-)
Finally 🔥
I want that wallpaper so bad :D
just saving my point :D
10:45
bruh you did this all in xml when i even struggle with just the designer
Good video 👍
Thank you so much! :-)
Can you make a tutorial on how to make it actually work (maybe by using a local wifi network)?
This is so great! Just one question, how do I do to show taskbar when is maximized, thanks
PowerShell EventListener I would Imagine then tie it in into your code behind. If you were talking abut the windows task bar
Multiple people to chat with? If yes how do they talk? Different names?
Do I need to learn MVVM for WPF? I'm hesitant and really want to avoid it.
That' perfect!
9:58 I believe that can be reduced to
Application.Current.MainWindow.WindowState = (Application.Current.MainWindow.WindowState == WindowState.Maximized) ? WindowState.Normal : WindowState.Maximized;
The font is small.
Please consider to enlarge the font in future videos.
it keeps telling me ''ViewModel' is an undeclared prefix. Line 15, position 10.' XML is not valid.
good tutorial
Skids rn : 💥💳💥💳💥💳
xD
Your Bar Down There its Gemran Theres Standing "Bewölkt"
Is WPF better than WinForms when it comes to making modern GUI?
Absolutely!
Hey could you please help me? at 51:46 when i try to run the application and type a message it brings me back to the code and tells me that the name OnPropertyChanged does not exist in the current context. Any ways you could tell me how to fix it. Btw great tutorial really helpfull
Hey! Feel free to join the Discord server, it would be easier to help you on there :-)
@@_buffer Hey do you think you could help me here bc i dont have discord. Thanks
Hello I wanted to know how to turn off the default MouseOver of the buttons (gray color) and set custom.
I know that to cancel the setting itself should be used with ContentPresenter with some features that need to be configured in it, but for some reason the trigger of Trigger Property = "IsMouseOver" Value = "True" on which I customize does not work.
On buttons that are on a standard grid or stackpanel this trigger does work for me in addition to ContentPresenter.
HorizontalAlignment=„Stretch“ is not working for me
How can I achieve that the message username will change when I edit proerties of selected contact? I achieved that when I edit the contact the username and picture in the contactcard changes but not in chat item.
I'm trying to start off as an entry level . Net developer. Do you need to mug up all the code ? I mean for interviews it obviously is somewhat like that but later can you get reference while working assuming you forgot the code? Any suggestions?
How can I use this with friends, so I can chat with them through the program?
So far I have seen no videos on how to make a working c# chat app, as in you can search for users and add them and message each other and do group message as an option. Can you do this ?
That's being worked on right now :-)
@@_buffer Perfect! I can't wait 👍 . I'll be subscribing
@@_buffer when do you think it will be done as it would be very helpful!
bro where do you got your desktop wallpaper???
Umm how do you make the send button send the message?
Hello! I cant get it to show the Contacts list.
I'm a bit perplexed, when a new message is pushed and the list of message is taller than the available space, does the listview scrolls automatically to make sure the new message is fully displayed?
Hi, I'm actually usiong macos so what's the macOs alternative of wpf?
why does command called Relay what does that mean? Is it conventuion or what?
It's just the name that describes that it does, compared to the normal "Command".
you need more subs, wtf
Haha thank you :D
when im doing the public string things it brings up a lot of warnings, what do i do?
as a c# developer and website creator, this isn't really modern. I feel modern apps need to be responsive, for different device/window sizes
ok
Will you move to WinUI 3?
Why is your windows taskbar weather widget in german
when i try to add the minimize its gets rid of the x and i dont know how to fix it
Get in the Discord server and send me a DM, I'll help you :-)
discord.gg/2RNRx73aDE
What's editors color scheme?
can we do with vs code?
how do i save the messages
Great
Thank you! :-)
if u could share its source code, that would be hella a help . ty for the tutorial btw
Can you give me send, camera, phone, plus icons.
this is just making discord in an hour lol
28:40 Don't mind me just marking where Im up to
you're appreciated!
@@_buffer So are you
@@Luux123 Are you in the Discord server? :-)
@@_buffer Yes
Can I download this somewhere?
Link in bio to Patreon.
minute 6 forty nine how did you make that full screen key
reminds me of some other voice-chat / chat app on windows lol
Isn't this just the discord UI?