C# WPF | Login & Register Window | Modern Design UI [With Source Code]

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ธ.ค. 2024

ความคิดเห็น • 99

  • @metin4yt
    @metin4yt 4 ปีที่แล้ว +10

    Great video, I just started building an app in wpf core and you helped me a lot.
    A follow-up video about MVVM patterns and how to organize Views and ViewModels and also Data Binding would be great because your explanations are clear and concise.
    Thanks again :)

    • @_buffer
      @_buffer  4 ปีที่แล้ว +2

      That's a great idea! I've actually beent hinking about making a series about MVVM! :-)

  • @ccristian1715
    @ccristian1715 3 ปีที่แล้ว +6

    If that window would have a taste I bet it would be sweet. It's so pretty.

    • @_buffer
      @_buffer  3 ปีที่แล้ว +3

      Right? :D

  • @Russianfkr
    @Russianfkr 5 ปีที่แล้ว +2

    I don't like or sub to many people. But you sir deserve it. This was amazing to watch and sooooo helpful

  • @woolyLinks8072
    @woolyLinks8072 4 ปีที่แล้ว

    Thank you so much for doing this Brilliant video!
    Also, for anyone who want it, Here is the code to load Window to Centre Screen:
    WindowStartupLocation="CenterScreen"
    Put that under MouseDown at the top.

  • @cosmicevo1266
    @cosmicevo1266 3 ปีที่แล้ว +2

    Please create more WPF tutorial, you're videos are really helpful in the UI design of the system were developing😊

    • @_buffer
      @_buffer  3 ปีที่แล้ว

      More on the way! Feel free to join the Discord server and shoot me a message if you need any help or have any questions! :-)

  • @camilasampson478
    @camilasampson478 5 ปีที่แล้ว +7

    WOW! that login is stunning! Thanks for the tutorial!

    • @_buffer
      @_buffer  5 ปีที่แล้ว +1

      I'm glad you like it! :-)

  • @ragtop63
    @ragtop63 4 ปีที่แล้ว +3

    This was good. It's been 10 months since this video was made. I am subscribing because I would like to see more WPF UI Design stuff.
    If you need ideas on what to do next, how about continuing on with this design. Make a video showing what happens after you log in. Maybe it takes you to some sort of "Home" screen. Whatever the case, the tutorial can focus on keeping the theme consistent once the app has been logged into. Maybe adding a custom menu to the app to keep it more "modern" looking. Maybe something like the 3-bar menus in responsive web apps and mobile apps.
    Just a suggestion

    • @_buffer
      @_buffer  4 ปีที่แล้ว +2

      That's a great idea! I'm actually about to start a WPF series, it's just that I've been so busy with work recently, thanks for the comment I appreciate it!

  • @gabrieljames3016
    @gabrieljames3016 4 ปีที่แล้ว +1

    Dude this video was amazing. 10000/10 would recommend :)

  • @vondenffer
    @vondenffer 4 ปีที่แล้ว +3

    yessir! been making all my stuff in winforms but that looks amazin! will switch to wpf now

    • @_buffer
      @_buffer  4 ปีที่แล้ว +2

      That's awesome! :D

  • @rameshkrishna7867
    @rameshkrishna7867 4 ปีที่แล้ว +1

    Thumbs up for the calm explanation. Really impressive tutorial (y)

  • @nihalbayoglu9560
    @nihalbayoglu9560 ปีที่แล้ว

    Perfect description and design, Thank you 🙌

  • @joaohultra1632
    @joaohultra1632 4 ปีที่แล้ว +5

    You gave me the drive to stop making my programs in windows forms when i saw the final product, i dont think i can go back to windows forms now!

    • @_buffer
      @_buffer  4 ปีที่แล้ว +1

      That's awesome! Welcome to the awesome side!

  • @zyxn8095
    @zyxn8095 3 ปีที่แล้ว +4

    im starting my final year project it's is supposed to be a wpf project , and i dont know single bit xaml, thanks for the help man

    • @_buffer
      @_buffer  3 ปีที่แล้ว

      Best of luck! :-)

    • @nohopestage
      @nohopestage 3 ปีที่แล้ว +1

      I wish I had such projects lol

  • @AnotherJanes
    @AnotherJanes 4 ปีที่แล้ว

    Hi, would you mind sharing the keyboard shortcut you are using to self close the auto-generated tags? You did one at 15:03. Thanks!

  • @nohopestage
    @nohopestage 3 ปีที่แล้ว +1

    Thanks, I love both XAML and your tutorials

    • @_buffer
      @_buffer  3 ปีที่แล้ว +1

      You're most welcome! :-)

    • @nohopestage
      @nohopestage 3 ปีที่แล้ว +1

      @@_buffer btw, do you plan on making more wpf tutorials?

    • @_buffer
      @_buffer  3 ปีที่แล้ว +1

      @@nohopestage I do indeed! I'm actually working on one right now! :-)

    • @nohopestage
      @nohopestage 3 ปีที่แล้ว

      @@_buffer looking forward to it!

  • @derkthedutchi
    @derkthedutchi 3 ปีที่แล้ว

    I was wondering how you wrote the cs code from 20:02.
    This is because my code gives a bool error(cs0029), since this can't be converted from System.Windows.Input.MouseButtonState to a bool.
    Any guesses on how to fix this?

  • @SuperSagar55
    @SuperSagar55 4 ปีที่แล้ว

    Great. I really like to see more design tutorial on list view (sorting, filtering, pagination), navigation and animation

  • @arielspalter7425
    @arielspalter7425 3 ปีที่แล้ว +1

    Fantastic tutorial. Subscribed!

  • @mg2tim147
    @mg2tim147 3 ปีที่แล้ว +1

    Hello
    Can somebody help me, I´m trying to do the account icon but i can hover the
    " "
    Minute:7:56
    Thanks :(

  • @moonybilcherry
    @moonybilcherry 3 ปีที่แล้ว +2

    thanks! helped me with my course project

    • @_buffer
      @_buffer  3 ปีที่แล้ว

      I'm glad I could help! Best of luck! :-)

  • @Probler
    @Probler 3 ปีที่แล้ว +1

    hey i saw you commenting on newer comments so in the slim chance you see this comment. can you please do a video on giving this form functionality? like connecting it to a sql datatable,

    • @_buffer
      @_buffer  3 ปีที่แล้ว

      Yes! That would be a fun video! :-)

  • @ButIfWeSurvive-WeHereInTheEnd
    @ButIfWeSurvive-WeHereInTheEnd 3 ปีที่แล้ว

    number 1 in UI!

  • @mohamedbassuny5223
    @mohamedbassuny5223 5 ปีที่แล้ว

    i relay don't like to be depend on nuget packages to get ICONS but i love this WPF Design and i will follow u

  • @Magnotis
    @Magnotis 4 ปีที่แล้ว +3

    I am having a hard time with the icons. I think I installed what I needed, but the xaml doesn't seem to recognize the iconPacks command...do I need to install ALL of the files? I thought I had got just the ones I needed. -- Edit - I figured it out, for anyone else having an issue you must declare the namespace below your window properties, the xaml for this is within the MahApps Wiki

  • @BarnsFacts
    @BarnsFacts 3 ปีที่แล้ว +3

    Great starter, cheers!

  • @selmanalfaris3544
    @selmanalfaris3544 3 ปีที่แล้ว +1

    If u could make a video on how to store the value on a database it will be amazing

  • @peda8307
    @peda8307 2 ปีที่แล้ว +1

    Great video. Replaced my old login with yours. But how do I get the text out by clicking in the textbox or passwordbox. Can't find a solution for this.

    • @_buffer
      @_buffer  2 ปีที่แล้ว

      Good question! I cover that in my other video over here th-cam.com/video/PzP8mw7JUzI/w-d-xo.html

  • @ВладимирКовяко
    @ВладимирКовяко 2 ปีที่แล้ว

    What do you think about instead of creating border for textboxes, replace it with control template where we can define stackpanel and inside it textbox + border and we can improve this by using event trigger and adding animation for example for filling border when our textbox is getting focus and trigger for another stroryboard when textbox is without focus

  • @ronaldmackee3401
    @ronaldmackee3401 5 ปีที่แล้ว +1

    Now, the way it is, if you click on Login it will send "Username" and "Password", which is not desirable of course. Is there a way to do like watermark text, so the Text property remains empty? It seems that it is not supported out of the box.

    • @_buffer
      @_buffer  5 ปีที่แล้ว

      That's a really good question!
      For the purpose of having quick dummy text, that way works just fine but if you want to send different data then I would suggest data binding the text property for both of those controls. And since the PasswordBox doesnt support databinding right off the bat I would suggest using another TextBox and then using a converter to convert the text characters to maybe the star (*) symbol. If I recall correctly there is a character table which has the password circle character.

  • @GuildOfCalamity
    @GuildOfCalamity 3 ปีที่แล้ว

    Awesome tutorial! Please make more on data binding and style triggers.

  • @IThinkDiff3rent
    @IThinkDiff3rent 3 ปีที่แล้ว +1

    Nice Tutorial! How did you managed to show the small colored line underneath your color values in XAML-Code? Do you use a plugin or is it a setting for the editor?

    • @_buffer
      @_buffer  3 ปีที่แล้ว +1

      Thank you! And good question! I do believe that is thanks for the extension called "ReSharper". There is a trial version you can download and test it out :-)

    • @IThinkDiff3rent
      @IThinkDiff3rent 3 ปีที่แล้ว

      @@_buffer thank you! will try it out :)

  • @chickenwings8218
    @chickenwings8218 4 ปีที่แล้ว

    Great video! Helped me so much! Just one question, my textbox keeps on sticking up to the top how can i change it to look like yours? like everything i do it docks to top

    • @samsonwu9378
      @samsonwu9378 4 ปีที่แล้ว

      check your grid.column and grid.row. Ex: I have a fixed grid like this:







      Basically my grid now have 5 columns and 5 rows. When putting item in the grid. You have to tell the designer where you want to put the item in. Like this: . It's just like a two dimension matrix. Imagine this matrix is my grid:
      00 01 02 03 04
      10 11 12 13 14
      20 21 22 23 24
      30 31 32 33 34
      40 41 42 43 44
      In my example grid above. The row/ column with an index of 0 and 4 would be the border of my application (empty space). So now the TextBlock (Label) will be staying at 11.

    • @chickenwings8218
      @chickenwings8218 4 ปีที่แล้ว

      thanks i am actually a expert wpf dev so its fine

  • @wim874
    @wim874 4 ปีที่แล้ว +1

    How to make your logo's background transparent?
    My logo has a white background and i can't get rid of it.

    • @_buffer
      @_buffer  4 ปีที่แล้ว

      When you save the logo, make sure that it has the file format of PNG

    • @user-yd5hp2pv3t
      @user-yd5hp2pv3t 4 ปีที่แล้ว

      You could use photoshop's background removal

  • @NatHollings
    @NatHollings 3 ปีที่แล้ว +1

    what magic is this when you convert the node to self closing - i need this in my life

    • @_buffer
      @_buffer  3 ปีที่แล้ว +1

      You just add the "/" at the end :-)

    • @NatHollings
      @NatHollings 3 ปีที่แล้ว

      ​@@_buffer Here i am deleting closing tag -removing end arrow on first tag and hitting "/"
      Thanks man!

  • @TheDeckerFamily
    @TheDeckerFamily 2 ปีที่แล้ว +1

    Another nice video thanks.

    • @_buffer
      @_buffer  2 ปีที่แล้ว

      You're most welcome!

  • @ezik4444
    @ezik4444 2 ปีที่แล้ว

    Hey, how to setup colors in Visual like yours? It looks cool.

  • @tataelm
    @tataelm 3 ปีที่แล้ว

    Hi. Are you using an add-on to colorize your XAML file like that?

  • @aiartistry39
    @aiartistry39 3 ปีที่แล้ว

    can you tell me how to get your theme? that looks so clean compared to default

  • @markovvoz8849
    @markovvoz8849 5 ปีที่แล้ว +1

    Can you do WPF .net core inventory and sales tracking program with sql database for back end

    • @_buffer
      @_buffer  5 ปีที่แล้ว

      That could be my next video! :-)

  • @d3d46
    @d3d46 5 ปีที่แล้ว +1

    Really great video!

  • @dylansnipezz8898
    @dylansnipezz8898 4 ปีที่แล้ว

    I have a question so how do i make it so it only works for 1 specific button do i use a key?

  • @henriqueselau2987
    @henriqueselau2987 3 ปีที่แล้ว +1

    Great video! One question, do you think there are good job opportunities with WPF development today?

    • @_buffer
      @_buffer  3 ปีที่แล้ว +2

      Actually yes, I've seen tons and tons of jobs asking for WPF developers especially in the UK, and learning XAML is a great base for not only learning C# in general but you'll also adopt the skill to develop mobile apps using Xamarin! :-)

  • @theethicalh3707
    @theethicalh3707 4 ปีที่แล้ว

    Thank you very much sir that's Amaaazing

  • @limsky8012
    @limsky8012 4 ปีที่แล้ว

    How to smoothly go to next WPF view/page from the login screen?

  • @shreedandile
    @shreedandile 4 ปีที่แล้ว

    It's really a good example. very easy and attractive. Which tool you are using for IntelliSense in XAML? when you were typing in Resources you were getting all the property values automatically.

  • @vulpesvulpes8663
    @vulpesvulpes8663 4 ปีที่แล้ว +1

    Perfect, thanks man😘

  • @kappaladi4229
    @kappaladi4229 3 ปีที่แล้ว +1

    Can you help me learn wpf. Can u teach me basics and how to work it

    • @_buffer
      @_buffer  3 ปีที่แล้ว +1

      I've actually been meaning to make a WPF series, so that will coming! :-)

    • @kappaladi4229
      @kappaladi4229 3 ปีที่แล้ว

      @@_buffer I will be waiting!! I really need the series bc I just got into wpf

  • @SecHex
    @SecHex 2 ปีที่แล้ว

    Can you make an Updated Video? Many things doesnt work 2022.

    • @_buffer
      @_buffer  2 ปีที่แล้ว

      What doesn't work?

  • @mohamedbassuny5223
    @mohamedbassuny5223 5 ปีที่แล้ว +2

    Looooooove it a bit fast but perfect 😘

  • @hds494
    @hds494 5 ปีที่แล้ว +2

    Great job

  • @立青-0.0
    @立青-0.0 3 ปีที่แล้ว +1

    真不错 It's good

    • @_buffer
      @_buffer  3 ปีที่แล้ว

      Thank you! :-)

  • @BlackKingdomEnterprise
    @BlackKingdomEnterprise 4 ปีที่แล้ว

    Pls make more video on wpf designs

  • @scotolivera8207
    @scotolivera8207 3 ปีที่แล้ว

    Very nice

  • @pixelpro1146
    @pixelpro1146 4 ปีที่แล้ว +1

    Malati ba bangwe ba tshaba go bua waitse

  • @mohamedbassuny5223
    @mohamedbassuny5223 5 ปีที่แล้ว

    Need more like this plz

  • @dijitalzoom
    @dijitalzoom 4 ปีที่แล้ว

    hi can you check url link. link died

  • @llothar68
    @llothar68 3 ปีที่แล้ว

    Why the heck make. Desktop app look like a web app?

  • @ОлегЛитвиненко-о5з
    @ОлегЛитвиненко-о5з ปีที่แล้ว

    Why are you writing code? Back in 1990. Back in Turbo Vision😂

  • @MayaWoden
    @MayaWoden 3 ปีที่แล้ว

    when the MouseDown typed whathapped

  • @gersonfreiredeamorimfilho3012
    @gersonfreiredeamorimfilho3012 4 ปีที่แล้ว

    👏

  • @h3ctor1991
    @h3ctor1991 ปีที่แล้ว

    Great contribution!