WPF C# | Rockstar Game Launcher UI Design| UI Design in Wpf C# (Jd's Code Lab)
Hey Guys,
Welcome back to my another video tutorial. Yes, i know i got late. Sorry about that. But, the reason is due to voice over i am not able to record everything at once. And my goal is to provide you with quality videos. I know you guys will understand and it won't be any issue. Thanks a lot for your understanding.
So, in today's tutorial we will be designing Rockstar Game Launcher UI with the menu animation and all other animations etc. You will also learn how to add more functionality to ScrollViewer like you will see in this video using dependency property i added the horizontal offset property scrollable on animation. Kindly watch the entire video. And don't forget to Like, Subscribe & Share.
0:00 Intro
00:23 End Results
00:45 Splash Screen: Layouting
01:44 Change StartupUri
01:55 Splash Screen: Rockstar Logo
03:28 Splash Screen: Close Button
07:08 Main Window: Layouting
07:40 Main Window: Rockstar Logo
08:05 Main Window: Window Buttons
09:54 FIX Gif not showing/animating in MediaElement.
10:32 Main Window: Left Menu Buttons Grid Section
11:06 Main Window: Rockstar Logo on Top Left
11:21 Main Window: Menu Buttons with titles
13:57 Main Window: Color Animation in Textblock
16:16 Main Window: Toggle button to collapse/expand Menu Grid
21:29 Main Window: Right Side Grid
21:54 Main Window: Tab Buttons & Profile Icon
25:00 Main Window: Game Image and Play on Steam Button
26:39 Main Window: How to apply gradient background to a Button
28:19 Game News Card Control: Layouting
28:45 Game News Card Control: Styling Custom Control
31:16 Main Window: Add Game News Card Control
32:59 Main Window: Left and Right Navigation Button
35:20 Main Window: Animating ScrollViewer's scroll
35:33 Main Window: What is Dependency Property?
35:45 Custom ScrollViewer Class: Extending functionality of ScrollViewer
36:50 Main Window: Smooth Scroll Animation to Right Side
38:55 Main Window: Smooth Scroll Animation to Left Side
40:00 Main Window: Loading all the elements after Rockstar Gif is loaded
41:56 Final Results
Stay tuned for more such videos!
Become a patron to access the source codes:
https://www.patreon.com/jdscodelab
Click here to Subscribe Now:
https://www.youtube.com/channel/UCk2GyexoK16XiKkrXLD_O2Q?sub_confirmation=1
Download Assets:
https://drive.google.com/drive/folders/1aDiT3KsQZkTHHsiJT7iLNU-1rFD9UHx_?usp=sharing
Also, check out my playlists:
1) Other UI Designs in WPF:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQlNJq0PXK17m8B-2LMXyF_0
2) Chat App UI Design Playlist:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQl8ZDxkIQpB3-aZJ7aEPFUC
3) File Manager Dashboard UI Design Playlist:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQmP-OL4gzDREMSCPjLIoEgd
4) Chat UI 1 Design Playlist:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQn8j_EpBb3TVaresMrGu-4H
5) Chat UI 2 Design Playlist:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQn8j_EpBb3TVaresMrGu-4H
6) Custom Controls Playlist:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQkRTxAfi4OODGuI1pgt21TD
Видео WPF C# | Rockstar Game Launcher UI Design| UI Design in Wpf C# (Jd's Code Lab) канала JD's Code Lab
Welcome back to my another video tutorial. Yes, i know i got late. Sorry about that. But, the reason is due to voice over i am not able to record everything at once. And my goal is to provide you with quality videos. I know you guys will understand and it won't be any issue. Thanks a lot for your understanding.
So, in today's tutorial we will be designing Rockstar Game Launcher UI with the menu animation and all other animations etc. You will also learn how to add more functionality to ScrollViewer like you will see in this video using dependency property i added the horizontal offset property scrollable on animation. Kindly watch the entire video. And don't forget to Like, Subscribe & Share.
0:00 Intro
00:23 End Results
00:45 Splash Screen: Layouting
01:44 Change StartupUri
01:55 Splash Screen: Rockstar Logo
03:28 Splash Screen: Close Button
07:08 Main Window: Layouting
07:40 Main Window: Rockstar Logo
08:05 Main Window: Window Buttons
09:54 FIX Gif not showing/animating in MediaElement.
10:32 Main Window: Left Menu Buttons Grid Section
11:06 Main Window: Rockstar Logo on Top Left
11:21 Main Window: Menu Buttons with titles
13:57 Main Window: Color Animation in Textblock
16:16 Main Window: Toggle button to collapse/expand Menu Grid
21:29 Main Window: Right Side Grid
21:54 Main Window: Tab Buttons & Profile Icon
25:00 Main Window: Game Image and Play on Steam Button
26:39 Main Window: How to apply gradient background to a Button
28:19 Game News Card Control: Layouting
28:45 Game News Card Control: Styling Custom Control
31:16 Main Window: Add Game News Card Control
32:59 Main Window: Left and Right Navigation Button
35:20 Main Window: Animating ScrollViewer's scroll
35:33 Main Window: What is Dependency Property?
35:45 Custom ScrollViewer Class: Extending functionality of ScrollViewer
36:50 Main Window: Smooth Scroll Animation to Right Side
38:55 Main Window: Smooth Scroll Animation to Left Side
40:00 Main Window: Loading all the elements after Rockstar Gif is loaded
41:56 Final Results
Stay tuned for more such videos!
Become a patron to access the source codes:
https://www.patreon.com/jdscodelab
Click here to Subscribe Now:
https://www.youtube.com/channel/UCk2GyexoK16XiKkrXLD_O2Q?sub_confirmation=1
Download Assets:
https://drive.google.com/drive/folders/1aDiT3KsQZkTHHsiJT7iLNU-1rFD9UHx_?usp=sharing
Also, check out my playlists:
1) Other UI Designs in WPF:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQlNJq0PXK17m8B-2LMXyF_0
2) Chat App UI Design Playlist:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQl8ZDxkIQpB3-aZJ7aEPFUC
3) File Manager Dashboard UI Design Playlist:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQmP-OL4gzDREMSCPjLIoEgd
4) Chat UI 1 Design Playlist:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQn8j_EpBb3TVaresMrGu-4H
5) Chat UI 2 Design Playlist:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQn8j_EpBb3TVaresMrGu-4H
6) Custom Controls Playlist:
https://www.youtube.com/playlist?list=PLe_Naf3_gfQkRTxAfi4OODGuI1pgt21TD
Видео WPF C# | Rockstar Game Launcher UI Design| UI Design in Wpf C# (Jd's Code Lab) канала JD's Code Lab
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Getting Started with AutoMapper in ASP.NET Core](https://i.ytimg.com/vi/ncRjahgY6hs/default.jpg)
![Open a new WPF Window on button click](https://i.ytimg.com/vi/RNeOZU1Efh8/default.jpg)
![WPF UI Designs C# | Chat App UI Part - 3 | WPF C# (Jd's Code Lab)](https://i.ytimg.com/vi/r86C0S6-Mq4/default.jpg)
![Intro to WPF: Learn the basics and best practices of WPF for C#](https://i.ytimg.com/vi/gSfMNjWNoX0/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)
![Programming in Visual Basic .Net How to Connect Access Database to VB.NET](https://i.ytimg.com/vi/cwDqjmSmtMQ/default.jpg)
![WPF C# | Drag & Drop to Upload File UI | UI Design in Wpf C# (Jd's Code Lab)](https://i.ytimg.com/vi/eEa_Fl3ZguA/default.jpg)
![WPF C# | Login UI | UI Design in Wpf C# (Jd's Code Lab)](https://i.ytimg.com/vi/1-opr7BFOT0/default.jpg)
![WPF C# | Internet Download Manager UI Redesign | UI Design in Wpf C# (Jd's Code Lab)](https://i.ytimg.com/vi/-nBFlGUFV5M/default.jpg)
![Free Adobe XD Tutorial: User Experience Design Course with Adobe XD Course](https://i.ytimg.com/vi/68w2VwalD5w/default.jpg)
![C# WPF Modern UI Flat Design Tutorial](https://i.ytimg.com/vi/OJygSefHVr0/default.jpg)
![WPF C# | IValueConverter & INotifyPropertyChanged | Interface in Wpf C# (Jd's Code Lab)](https://i.ytimg.com/vi/S_2_Aw3NQds/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# | Set Blur, Acrylic, etc. effect to window | UI Design in Wpf C# (Jd's Code Lab)](https://i.ytimg.com/vi/W-YqHkk9CN0/default.jpg)
![WPF UI Designs C# | Chat App UI Part - 2 | WPF C# (Jd's Code Lab)](https://i.ytimg.com/vi/7l9itvthGSo/default.jpg)
![Photoshop for Beginners | FREE COURSE](https://i.ytimg.com/vi/IyR_uYsRdPs/default.jpg)
![WPF UI Designs C# | Chat App UI Part - 1 | WPF C# (Jd's Code Lab)](https://i.ytimg.com/vi/qCoB8mqNyzk/default.jpg)
![WPF C# | Steam Redesign Part - 1 | UI Design in Wpf C# (Jd's Code Lab)](https://i.ytimg.com/vi/pVWxKCtbwSE/default.jpg)
![Como criar um sistema de login e senha com C# e SQLServer PARTE 1](https://i.ytimg.com/vi/iuei9xD0mA4/default.jpg)
![WPF UI Designs C# | Chat App UI Part - 6 | WPF C# (Jd's Code Lab)](https://i.ytimg.com/vi/OYAAKE8EI3s/default.jpg)