WPF C# | Rockstar Game Launcher UI Design| UI Design in Wpf C# (Jd's Code Lab)
Vložit
- čas přidán 28. 07. 2024
- 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!
☕Buy me a Coffee: buymeacoffee.com/jdscodelab
Become a member to get access to perks:
/ @jdscodelab
Become a patron to access the source codes:
/ jdscodelab
Click here to Subscribe Now:
/ @jdscodelab
Download Assets:
drive.google.com/drive/folder...
Also, check out my playlists:
1) Other UI Designs in WPF:
• WPF UI Designs C#
2) Chat App UI Design Playlist:
• Chat App UI Design in ...
3) File Manager Dashboard UI Design Playlist:
• How to design a File M...
4) Chat UI 1 Design Playlist:
• How to design a Chat U...
5) Chat UI 2 Design Playlist:
• How to design a Chat U...
6) Custom Controls Playlist:
• Wpf User Controls
Hey Guys,
Watch the entire video. And don't forget to Like, Subscribe and Share my channel.
Click here to Subscribe Now: czcams.com/channels/k2GyexoK16XiKkrXLD_O2Q.html
Become my patron to get early access to my videos and instantly unlock all the source codes.
Patreon: www.patreon.com/join/jdscodelab/checkout?rid=5733953
See you in next video.👍
OMG!! you started giving oral explanations.. Thank you so much!!!
Welcome Msgraceb👍
Great 🔥🔥🔥
Thank you👍
Nice
Thanks
Excellent work 👌👏
Thank you Ahmed👍
Cool Bro~ thanks for this video
Stay tuned my friend. More contents coming soon!
great video, i learned a lot from this video, thank you
Welcome.👍
An humble request: please reduce background volume. It's distracting for viewer. 👍😊
Thank you for your time and efforts 🙏
Noted. 👍
@@JDsCodeLab thank you for consideration 👍😊
Welcome Vinay.👍
Just learning WPF - your tutorial taught me a lot thanks for that! Like others mention, tune down the BGM music a little maybe so we can hear you better. Also its a little bit too fast for beginners in my opinion. Other than that great content - subscribed.
Thanks Dreshar.
I will lower the BGM as suggested by everyone. Will also try to slow down a bit.👍
thank you for the video sir! please do a video about wpf multiple theme if it's possible
Sounds nice. Will do it👍
XDG03 Default value type does not match type of property 'ImageSource'. at 31:10
Hi buddy, it's a beautiful project! Is there any chance that you will share the source code with us? I only know how to program in vb.net and I am learning C# now, it would be a great help! 40 minutes is a lot of time to read all the code on the video, and I just need a few minutes to look at the code in full plain text to learn. Big thanks!!
Hi, Vida. You need to join me on Patreon to access all the source codes. Here is the link to my post: www.patreon.com/posts/wpf-c-rockstar-c-47941439?
Why? 31:41 error ad???
how to make the StaticResourses rightArrow at 17:38?
Here:
drive.google.com/drive/folders/1FUwLQNXvPax7N0jVpP7HaApeeWAvLSB7
Hey! Will there be a second part?
Hi. What do you want in 2nd part?
good good
how to make icons.xaml file?
using blend?
Icons.xaml is the resourcedictionary file i rename it to Icons.xaml
you are like a parrot "Subscribe" its enough after 16 minutes
Don't ask to like and subscribe so much.
That is really annoying and sounds so desperate.
Hi Harold. I respect your view.
You won't believe that 81% of the audience watching my videos aren't subscribed yet. Because of which my videos aren't reaching much audience as it should. 🙂
@@JDsCodeLab 6k views on this video and 4k subs from all the videos... But the video is cool tho just the music and some sounds are a bit loud...But if you want i can edit you're videos for free...