WPF C# Professional Modern Chat App UI Tutorial

Поделиться
HTML-код
  • Опубликовано: 5 ноя 2024

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

  • @_buffer
    @_buffer  3 года назад +45

    Discord Server: discord.gg/2RNRx73aDE

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

      What goes on in this magical place?

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

      A

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

      @ARAS KRAL Patreon in the description

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

      @ARAS KRAL It's on my Patreon :-)

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

      Is it okay if i dont really understand binding and inotifypropertychange? C# makes way more sense to me.

  • @drteletubby
    @drteletubby 3 года назад +249

    As a native winforms noob, this is mind blowing. Incredible!

    • @_buffer
      @_buffer  3 года назад +21

      Thank you so much! Hopefully you'll start moving over to WPF :-)

    • @NIGHTTEEN
      @NIGHTTEEN 3 года назад +3

      with the free guna framework you can do that too

    • @swiney2541
      @swiney2541 3 года назад +5

      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

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

      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.

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

      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

  • @ameeradel4835
    @ameeradel4835 3 года назад +38

    with all respect to all other tutorials, this is my learning style
    thank you for the fast paced, well explained tutorial

    •  3 года назад +3

      same for me... some other videos would take for 4 hours doing same

  • @Tubular-Trev
    @Tubular-Trev 3 года назад +46

    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!

    • @_buffer
      @_buffer  3 года назад +3

      You're most welcome! :-)

  • @justinallen3037
    @justinallen3037 Год назад +7

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

  • @drgothmania
    @drgothmania 3 года назад +3

    The quality of this tutorial is so high. Learnt a lot from it. I've subscribed. Thanks so much

  • @ShadowAimai
    @ShadowAimai 3 года назад +8

    Learned more from you in an hour than in 20+ hours Udemy course...

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

      That's awesome! That makes me really glad! :-)

  • @NotNazuh
    @NotNazuh 3 года назад +12

    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.

    • @Criticalthinking_
      @Criticalthinking_ Год назад +1

      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.

  • @mackenzhiecabute2300
    @mackenzhiecabute2300 3 года назад +14

    Please make more of these, it is really helpful

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

      More on it's way! Feel free to join the Discord server, we're constantly sharing ideas and feedback :-)

  • @ronen124
    @ronen124 3 года назад +3

    that was a beautiful MVVM job with WPF

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

      Thank you so much Ronen! :-)

  • @Lena1398
    @Lena1398 3 года назад +9

    Great Video again, really enjoyed watching it and keep learning more and more from you. Thanks!

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

      Thank you! And you're most welcome! :-)

  • @zhenghaoli6447
    @zhenghaoli6447 3 года назад +3

    an excellent mvvm and wpf Tutorial, looking forward to your next video

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

      Thank you so much! :-)

  • @rolo1632
    @rolo1632 3 года назад +5

    Enjoyable, Easy to follow, best of the best and informative.
    Thank you 🔥

  • @komegaming3500
    @komegaming3500 Год назад +2

    Thank you so much for this tutorial! As it was so helpful to me I can now begin to make my own app.

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

      You're most welcome! Best of luck on the app! :-)

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

    Don't listen to the haters, your videos are pretty good. Looking forward to see more of your content.

  • @anjasandmann1625
    @anjasandmann1625 3 года назад +4

    Your tutorials are the best!
    Thank you and please make more!

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

      You're most welcome! And more videos are coming! :-)

  • @aaronpaul2550
    @aaronpaul2550 4 месяца назад

    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.

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

    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

  • @SLT-World
    @SLT-World 3 года назад +11

    Surprisingly familiar... This reminds me of something!

    • @eagle-x8s
      @eagle-x8s 3 года назад +2

      Discord...

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

      @@eagle-x8s ya

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

      yeah me too! It looks like Skype!

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

      @@turbosprezarkaa Discord*

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

      @@redzard2015 naaaahhhh, its clearly mumbel!

  • @slightlyrichfella
    @slightlyrichfella 3 года назад +7

    New discord UI is looking fresh ;)

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

      Haha you can see where I got the inspiration from :-)

  • @datpengu
    @datpengu 3 года назад +3

    You deserve so much more subs! Your videos are incredible!!!

  • @yun7958
    @yun7958 3 года назад +3

    alternative title: Making Discord in 1 hour

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

    Discord Clone 101, but awesome tutorial. Not that most social media apps don't look the same though.

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

    Your videos are better and better each time!!!!

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

      Thank you Worthical! I miss your uploads :(

  • @j_ar
    @j_ar 3 года назад +3

    Good work. It really looks amazing

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

      Thank you so much! :-)

  • @yobofunk5689
    @yobofunk5689 3 года назад +3

    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.

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

    Amazing video, thanks!

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

      You're most welcome! :-)

  • @donaldconsole9695
    @donaldconsole9695 3 года назад +8

    Are there more videos for this app? I'd like to see it wired up for production and see it used by multiple users!

    • @_buffer
      @_buffer  3 года назад +7

      That seems to be a common request so I'll probably end up doing that :-)

  • @LuKa-gd6or
    @LuKa-gd6or 3 года назад +4

    Me : Mom can we have discord
    Mom: No, We have discord at home
    Discord at home:

  • @s0nycz3kk
    @s0nycz3kk 3 года назад +3

    Man, you should rename your channel to "Here we go!" :D

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

    Thank you for the great material!

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

      You're most welcome! Thank you for checking it out! :-)

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

    It was a very good video and I can use part of it for a project I am working on

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

    thank you for new ideas it is helpful to us

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

      You're most welcome! :-)

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

    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!

  • @exec1337
    @exec1337 3 года назад +6

    mean you real genius

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

    your videos are very good! Thank you :D

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

      Thank you so so much! :-)

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

    Please a follow up, making it so other people can add you and you can chat with them

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

    This dude made a Discord with c#. You're a fucking god!

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

      I'm not haha but thank you good sir! :D

  • @Dragox
    @Dragox 3 года назад +4

    I love this so much thank you!

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

      You're most welcome! :-)

  • @jackoverton8343
    @jackoverton8343 5 месяцев назад +1

    Do I need to learn MVVM for WPF? I'm hesitant and really want to avoid it.

  • @ccavjelly5272
    @ccavjelly5272 3 года назад +4

    Great tutorial!

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

      Thank you so much! :-)

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

    Really nice explanation. Thank you.

  • @sweazy5483
    @sweazy5483 3 года назад +3

    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

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

      Join the Discord server! We could probably chat about it over there! :-)

  • @zeosz_.9827
    @zeosz_.9827 3 года назад +6

    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 ?

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

      That's a great idea! I'll add that to the backlog of video ideas! :-)

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

      I think that is called a splash screen

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

    Multiple people to chat with? If yes how do they talk? Different names?

  • @Saf.aep01
    @Saf.aep01 3 года назад +1

    Guys he can recreate discord in under a week

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

    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.

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

      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.

  • @parsipax6337
    @parsipax6337 Год назад +1

    fact that you used margins instead of paddings for the minimize button will keep me awake tonight

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

    bruh you did this all in xml when i even struggle with just the designer

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

    This is awesome thank you very much

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

    Damn, this was so sick! :D

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

    I want that wallpaper so bad :D

  • @abdelaleem4026
    @abdelaleem4026 Год назад +1

    Is WPF better than WinForms when it comes to making modern GUI?

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

    Can you make a tutorial on how to make it actually work (maybe by using a local wifi network)?

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

    9:58 I believe that can be reduced to
    Application.Current.MainWindow.WindowState = (Application.Current.MainWindow.WindowState == WindowState.Maximized) ? WindowState.Normal : WindowState.Maximized;

  • @8d38
    @8d38 3 года назад +2

    Amazing man

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

      Thank you :-)

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

    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

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

    ok enough ... i am subscribing :D

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

    This is so great! Just one question, how do I do to show taskbar when is maximized, thanks

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

      PowerShell EventListener I would Imagine then tie it in into your code behind. If you were talking abut the windows task bar

  • @Fulbion
    @Fulbion Год назад +2

    Ok i'm gonna learn what is WPF by creating a Discord clone... why not after all. :)

    • @_buffer
      @_buffer  Год назад +1

      Heck yeah! :-)

  • @CrosX.C12
    @CrosX.C12 3 года назад +1

    it keeps telling me ''ViewModel' is an undeclared prefix. Line 15, position 10.' XML is not valid.

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

    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?

  • @PocketTailor
    @PocketTailor 3 года назад +3

    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

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

      Hey! Feel free to join the Discord server, it would be easier to help you on there :-)

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

      @@_buffer Hey do you think you could help me here bc i dont have discord. Thanks

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

    just saving my point :D
    10:45

  • @dilawtalanov
    @dilawtalanov 3 года назад +3

    Good video 👍

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

      Thank you so much! :-)

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

    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 ?

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

      That's being worked on right now :-)

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

      @@_buffer Perfect! I can't wait 👍 . I'll be subscribing

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

      @@_buffer when do you think it will be done as it would be very helpful!

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

    How can I use this with friends, so I can chat with them through the program?

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

    Skids rn : 💥💳💥💳💥💳

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

    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.

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

    bro where do you got your desktop wallpaper???

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

    Thanks for this useful video😇 and
    To be able to use stylishscrollbar style, we should write this code, right?

  • @ferdinandw.8952
    @ferdinandw.8952 2 года назад

    Your Bar Down There its Gemran Theres Standing "Bewölkt"

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

    Is this actually online?? or is it just the design? Is this functional or just the UI?? Pls don't say it is just the UI..

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

      he doesnt spoon feed everything to you. its just an introduction into coding applications. if you wnat to actually host it you would probably need to pay monthly for it anyway

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

    Finally 🔥

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

    good tutorial

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

    Umm how do you make the send button send the message?

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

    That' perfect!

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

    why does command called Relay what does that mean? Is it conventuion or what?

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

      It's just the name that describes that it does, compared to the normal "Command".

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

    Will you move to WinUI 3?

  • @Imapeachman
    @Imapeachman 2 дня назад

    what theme do you use?

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

    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?

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

    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.

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

    Hello! I cant get it to show the Contacts list.

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

    Hi, I'm actually usiong macos so what's the macOs alternative of wpf?

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

    HorizontalAlignment=„Stretch“ is not working for me

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

    when im doing the public string things it brings up a lot of warnings, what do i do?

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

    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

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

    when i try to add the minimize its gets rid of the x and i dont know how to fix it

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

      Get in the Discord server and send me a DM, I'll help you :-)
      discord.gg/2RNRx73aDE

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

    can we do with vs code?

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

    if u could share its source code, that would be hella a help . ty for the tutorial btw

  • @LastMomentMan
    @LastMomentMan 3 года назад +3

    The font is small.
    Please consider to enlarge the font in future videos.

  • @martin-gaming
    @martin-gaming 3 года назад

    Why is your windows taskbar weather widget in german

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

    What theme are you using in VS?

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

    Listen, man, does he work over IP? Like I can throw off a friend and chat?

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

      This is a shell without any inherent function.
      You need to provide your own code-behind
      If this sounds unfamiliar to you, i suggest you to start up by binging Tim Corey videos.
      Source: m.ruclips.net/user/IAmTimCorey

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

    What's editors color scheme?

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

    Can I download this somewhere?

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

      Link in bio to Patreon.

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

    this is just making discord in an hour lol

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

    Does It Need Coding?

  • @user-cq9zv5yw1t
    @user-cq9zv5yw1t 3 года назад +2

    Great

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

      Thank you! :-)

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

    you need more subs, wtf

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

      Haha thank you :D