WPF - Responsive UI Design | MVVM | XAML | C# | Tutorial

Поделиться
HTML-код
  • Опубликовано: 20 май 2024
  • [ Skill Level : Advanced ]
    A WPF Responsive UI Design using IValueConverter.
    Chapters :
    0:00 Intro
    06:32 Converter
    13:09 Responsive Layouts
    // Subscription
    Subscription Link for more WPF videos and updates :
    ruclips.net/user/cdesignproarunmut...
    // Related Videos
    WPF - Navigation Menu With Sub Menu : • WPF - Navigation Menu ...
    WPF - Navigation Drawer / Sidebar Menu : • WPF - Navigation Drawe...
    WPF - Hamburger Menu / SubMenu : • WPF - Hamburger Menu /...
    Download the Complete Source Code from Github Repository.
    Link : github.com/CSharpDesignPro/WP...
    Channel Link: / cdesignpro_arunmutharasu
    Tools Used :
    Microsoft Visual Studio Community Edition 2019
    Icon Credits :
    icons8.com/icons
    Thank you!
    Have a great day!
    For Business Inquiries : arun.enterprises.co@gmail.com
  • НаукаНаука

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

  • @clickdraw9762
    @clickdraw9762 2 года назад +15

    You are just amazing! Learning so much about MVVM with C# and WPF.

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

    Great video and exactly what I was trying to do. U probably just saved me weeks of having 100 tabs open in my browser.

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

    Огромное спасибо, я как новичок, долго искал реализацию дизайна под разные разрешения экрана, огромное спасибо.

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

      @Владимир Маюра - Рад, что это было полезно. Спасибо!

  • @edinetgrunhed6000
    @edinetgrunhed6000 5 месяцев назад +2

    one of the best wpf dashboard i saw in youtube

    • @CSharpDesignPro
      @CSharpDesignPro  4 месяца назад +1

      @edinetgrunhed6000 - Thank you so much for the kind words! I'm happy you found the tutorial to be helpful.

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

    Your designs is so beautifull and helpfull ! Thank you so much

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

      @minh tam Nguyen - Glad it was helpful. Thanks!

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

    de ptmr tu diseño, you gained your like

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

    Superb Design... Really Impressed!!!

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

    love your work. keep it on!

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

    Great video! I'm your fan now ;)! Subscribed!

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

    Nice work, thanks!

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

    Great Job, you have great design sense .

  • @laminefall6811
    @laminefall6811 Год назад +3

    Congratulations for the excellent work you are the best thanks

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

    might do this tomorroq

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

    Brilliant 🔥

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

    Nice!

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

    Thank you very much. Very nice design of XAML application.

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

      @anatolikaraniuk5137 - You're welcome! I'm glad you liked the design. Thanks!

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

    Awesome! 🔝

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

    awesome work!

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

    thank you sir for layout 😘😍

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

    Great Work!

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

    Excellent

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

    Great 👍👍👍

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

    Congratulations for the excellent work!
    I have a doubt. How to move items in the interface, for example, open and close a panel with gradual movement.

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

      @Geniel Alves Santos - Thanks for the appreciation! Create an animation, and use the RenderTransform and TransformGroup elements to achieve it. You can scale, skew and rotate the controls. Check out the "Hamburger Menu" video on this channel. The app is loaded with numerous style templates.

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

    😮😮 great

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

    You are golden :D

  • @keplar-bnewgen2564
    @keplar-bnewgen2564 Год назад +3

    Awesome video! Trying to build it but I'm stuck at the {StaticResource Laptop_Layout} The Compiler can't seem to find the resource. Am I supposed to add the Laptop_Layout Static Resource somewhere?

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

      @Keplar - B New Gen - Right click on 'Laptop_Layout' and select 'Go To Definition'. I hope this helps.

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

      @@CSharpDesignPro Hey i have the same issue. I cant go to the definition. It says go to definition is not possible.

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

    Hello, Nice video.

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

    Great Video , could you kindly share me , How you made all the resources ?( getting started buttons , power buttons, icons displayed in the dashboard . they look stunning )

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

      @Chintan Bhat - To gain some understanding, check out the Navigation Drawer video on this channel. Thanks for the appreciation!

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

    Fantastic demo, beautiful layout. Following along and encountered a problem. Got as far as the //-Default layout-// and when I'd added the StaticResource laptop_Layout nothing was displayed. Am I missing a reference to Styles.xaml somewhere?

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

      Ha. Ignore the above. My error. Doh!

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

      @BathoG Technologies - I'm glad the issue was resolved. Thanks for the appreciation!

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

      @@CSharpDesignPro I've finished following your tutorial and the result is superb. I'm relatively new to WPF and have been struggling with MVVM. Your video is now my goto example for not just MVVM but IConverter, Content Templates, and all the other cool stuff in WPF. Thanks so much.

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

      @BathoG Technologies - That's awesome! Glad it was helpful.

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

      @@Bathog44 How did you resolve it? I have the same error :D

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

    Good stuff, but wpf works only desktop...is it necessary to go past certain breakpoints?

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

      @Kevin Mungame - Being aware of the limitations, additional breakpoints were included to explore the responsive design aspect of the app. There wasn't a lot of emphasis on device compatibility. Thanks for the feedback!

  • @alessandralucas4620
    @alessandralucas4620 Год назад +3

    Value="{StaticResource Laptop_Layout}" />
    I'm following your tutorial and I'm having problems with: //-Default Layout-// and when I added the StaticResource laptop_Layout nothing showed.

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

      I found the problem, in my App.xaml it was missing the ResourceDictionary source
      in your Github i found:





      I'm a rookie and I was following the video blindly.
      Thanks for the tutorial!

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

      @Alessandra Lucas - I'm glad the issue was resolved!

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

      @@alessandralucas4620 Nice thx that was the Problem

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

      @@alessandralucas4620 Lifesaver

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

    ⭐⭐⭐⭐⭐