WPF UI Designs C# | Chat App UI Part - 1 | WPF C# (Jd's Code Lab)
A kind request,
Support me on Patreon (https://www.patreon.com/jdscodelab) as it will benefit me financially during this pandemic and also motivate me to provide you with better content and early access to my videos.
Thanking you for your support so far (:
Hello Friends,
In this tutorial, I will show you how to design a Chat App UI in C# Wpf using Visual Studio 2019.
In this video, I will be covering the design only. Later in upcoming videos, I will add the functionalities to the buttons, search box, chat buttons, etc.
0:00 Intro: Getting Started
0:16 A request to my viewers
0:25 End Result (Goal)
2:56 Main Window Structuring
16:03 Contacts List (User Control)
23:09 Search box
25:58 Contact Status Thumbnails
33:08 Binding View Model to ItemsControl's ItemsSource property
54:28 Contacts Chat List (User Control) with a pin, archive, mute & delete chat options
ChatApp (Part-2):
https://youtu.be/7l9itvthGSo
ChatApp (Part-3):
https://youtu.be/r86C0S6-Mq4
ChatApp (Part-4):
https://youtu.be/r86C0S6-Mq4
ChatApp (Part-5):
https://youtu.be/eZBUfaz6lF4
Support me on Patreon so that I keep providing you with good content:
https://www.patreon.com/bePatron?u=40375042
Please don't forget to Like, Subscribe & Share:
https://www.youtube.com/channel/UCk2GyexoK16XiKkrXLD_O2Q?sub_confirmation=1
Download Assets:
https://drive.google.com/drive/folders/1hd23-Os7t7CCw-03gurerua6n55hsHyO?usp=sharing
Download Database:
https://drive.google.com/file/d/13Asu3UFPkPnWv0qxdxCXueixH5nUgJXL/view?usp=sharing
Also, check out:
1) UI Designs in Wpf:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQlNJq0PXK17m8B-2LMXyF_0
2) Custom Controls in WPF:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQkRTxAfi4OODGuI1pgt21TD
Видео WPF UI Designs C# | Chat App UI Part - 1 | WPF C# (Jd's Code Lab) канала JD's Code Lab
Support me on Patreon (https://www.patreon.com/jdscodelab) as it will benefit me financially during this pandemic and also motivate me to provide you with better content and early access to my videos.
Thanking you for your support so far (:
Hello Friends,
In this tutorial, I will show you how to design a Chat App UI in C# Wpf using Visual Studio 2019.
In this video, I will be covering the design only. Later in upcoming videos, I will add the functionalities to the buttons, search box, chat buttons, etc.
0:00 Intro: Getting Started
0:16 A request to my viewers
0:25 End Result (Goal)
2:56 Main Window Structuring
16:03 Contacts List (User Control)
23:09 Search box
25:58 Contact Status Thumbnails
33:08 Binding View Model to ItemsControl's ItemsSource property
54:28 Contacts Chat List (User Control) with a pin, archive, mute & delete chat options
ChatApp (Part-2):
https://youtu.be/7l9itvthGSo
ChatApp (Part-3):
https://youtu.be/r86C0S6-Mq4
ChatApp (Part-4):
https://youtu.be/r86C0S6-Mq4
ChatApp (Part-5):
https://youtu.be/eZBUfaz6lF4
Support me on Patreon so that I keep providing you with good content:
https://www.patreon.com/bePatron?u=40375042
Please don't forget to Like, Subscribe & Share:
https://www.youtube.com/channel/UCk2GyexoK16XiKkrXLD_O2Q?sub_confirmation=1
Download Assets:
https://drive.google.com/drive/folders/1hd23-Os7t7CCw-03gurerua6n55hsHyO?usp=sharing
Download Database:
https://drive.google.com/file/d/13Asu3UFPkPnWv0qxdxCXueixH5nUgJXL/view?usp=sharing
Also, check out:
1) UI Designs in Wpf:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQlNJq0PXK17m8B-2LMXyF_0
2) Custom Controls in WPF:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQkRTxAfi4OODGuI1pgt21TD
Видео WPF UI Designs C# | Chat App UI Part - 1 | WPF C# (Jd's Code Lab) канала JD's Code Lab
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![WPF UI Designs C# | Chat App UI Part - 2 | WPF C# (Jd's Code Lab)](https://i.ytimg.com/vi/7l9itvthGSo/default.jpg)
![WCF using C#: Building your first WCF application](https://i.ytimg.com/vi/1o_1trg2R04/default.jpg)
![WPF C# | File Manager App Dashboard UI | UI Design in Wpf C# (Jd's Code Lab)](https://i.ytimg.com/vi/QZbVs88_41E/default.jpg)
![WPF C# | Multiple Style In One Application | UI Design in Wpf C# (Jd's Code Lab)](https://i.ytimg.com/vi/SuETxr-AV64/default.jpg)
![Intro to WPF: Learn the basics and best practices of WPF for C#](https://i.ytimg.com/vi/gSfMNjWNoX0/default.jpg)
![C# WPF UI Tutorials: 10 - ItemsControl Chat List & Design Time Data](https://i.ytimg.com/vi/iFL4XoS627I/default.jpg)
![WPF C# | Rockstar Game Launcher UI Design| UI Design in Wpf C# (Jd's Code Lab)](https://i.ytimg.com/vi/Ug5tc7zMJsM/default.jpg)
![Modern Flat UI, Drop-down/Slider Menu, Side Menu, Responsive, Only Form - C#, WinForm](https://i.ytimg.com/vi/JP5rgXO_5Sk/default.jpg)
![C# WPF Material Design UI | Social Blade Dashboard](https://i.ytimg.com/vi/qSP8v8Gi3XU/default.jpg)
![WPF - Conceitos Basicos](https://i.ytimg.com/vi/JV_I8VhPqnI/default.jpg)
![WPF C# | Modal Dialog | Window with Transparent Background | Wpf Custom Controls (Jd's Code Lab)](https://i.ytimg.com/vi/x-e696GjDlw/default.jpg)
![WPF UI Designs C# | Chat App UI Part - 4 | WPF C# (Jd's Code Lab)](https://i.ytimg.com/vi/H2xcvoKhhiw/default.jpg)
![WPF - Navigation Drawer / Sidebar Menu | UI Design | XAML | C# |](https://i.ytimg.com/vi/fzBcXicj2G8/default.jpg)
![HOW TO PROGRAM - Getting Started!](https://i.ytimg.com/vi/N775KsWQVkw/default.jpg)
![C# WPF Material Design UI: Fast Food Sales](https://i.ytimg.com/vi/VNYOKc1PLqA/default.jpg)
![XAML WPF - Styles Part 1, Window Resources](https://i.ytimg.com/vi/ll21-t0QD2M/default.jpg)
![C# - Collapsible / Drawer Menu in WPF](https://i.ytimg.com/vi/AF5vXBeCaYo/default.jpg)
![WPF C# | Login UI | UI Design in Wpf C# (Jd's Code Lab)](https://i.ytimg.com/vi/1-opr7BFOT0/default.jpg)
![C#/ Modern Flat UI + Font Awesome Icons, Multicolor, Highlight button, WinForm](https://i.ytimg.com/vi/5AsJJl7Bhvc/default.jpg)
![Modern Flat UI, Random MultiColor, Highlight button-Active Form, WinForm, C#, V-0.1](https://i.ytimg.com/vi/BtOEztT1Qzk/default.jpg)