- 52
- 434 893
JD's Code Lab
United States
Приєднався 13 чер 2020
Welcome to the epicenter of innovation! 🚀 I'm Junaid Shaikh, your guide on a captivating journey through Software UI Designing in WPF using Visual Studio 2019. 🎨 Dive deep into crafting exceptional user experiences, from stunning WPF UI Designs to the magic of Excel Macros. 💡 Join our vibrant community of learners and creators as we explore, code, and grow together. Hit subscribe for thrilling insights, tips, and the occasional "aha!" moment. Don't miss out - your next great discovery awaits! 🔥
WPF C# | Enhance Your WPF Apps with a Beautiful Splash Screen | UI Design in Wpf C# (Jd's Code Lab)
🎬 Portfolio Splash - Dynamic Image Showcase in WPF 🎬
Hey Guys,
Welcome to JD's Code Lab! In this video, I'll show you how to design an eye-catching splash screen in WPF, perfect for showcasing your images dynamically. 🚀
🔍 Video Breakdown:
00:00:00 Intro
00:00:08 End Result
00:00:20 Overview
00:00:31 Project Structure
00:01:26 Overview of the XAML File
00:03:52 Overview of the Codebehind File
00:04:25 End Result
👨💻 Download Source Codes and Become a Patron:
Access the source codes and support the channel on Patreon:
🔗 www.patreon.com/posts/108067678
🔥 6 Awesome Ways to Support the Channel: 🔥
☕ Buy Me A Coffee:
Show your support with a small donation. Every coffee helps! 😊❤️
🔗 www.buymeacoffee.com/jdscodelab
📣 Share This Video:
Sharing is caring! Spread the word on social media.
🔗 ua-cam.com/video/s0uAA2MRrnw/v-deo.html
👍 Give This Video A Thumbs Up:
Like the video to show your appreciation.
🔔 Subscribe and Click the Bell:
Never miss an update. Subscribe and hit the notification bell for more amazing content.
🔗 bit.ly/2V2GnxZ
💖 Become a Patron:
Support my channel monthly and get early access to videos, source codes, and exclusive posts.
🔗 www.patreon.com/jdscodelab
🌟 Join UA-cam Membership:
Join our UA-cam membership for as low as $5 to support the channel and get exclusive perks.
🔗 bit.ly/3zRKV9H
📂 Download Assets:
Access the necessary assets for this project here:
🔗 drive.google.com/drive/folders/1rgjvNh4PVSMSbLudexmMr7hjFiye5FeE?usp=sharing
🎥 Explore More:
Check out my other playlists for more exciting content:
Other UI Designs in WPF:
Explore various UI designs to enhance your WPF applications.
🔗 ua-cam.com/play/PLe_Naf3_gfQlNJq0PXK17m8B-2LMXyF_0.html
User Controls Playlist:
Learn how to create and utilize user controls in WPF.
🔗 ua-cam.com/play/PLe_Naf3_gfQkRTxAfi4OODGuI1pgt21TD.html
Thank you for watching and supporting JD's Code Lab! Let’s create something amazing together. 😊💻✨
Hey Guys,
Welcome to JD's Code Lab! In this video, I'll show you how to design an eye-catching splash screen in WPF, perfect for showcasing your images dynamically. 🚀
🔍 Video Breakdown:
00:00:00 Intro
00:00:08 End Result
00:00:20 Overview
00:00:31 Project Structure
00:01:26 Overview of the XAML File
00:03:52 Overview of the Codebehind File
00:04:25 End Result
👨💻 Download Source Codes and Become a Patron:
Access the source codes and support the channel on Patreon:
🔗 www.patreon.com/posts/108067678
🔥 6 Awesome Ways to Support the Channel: 🔥
☕ Buy Me A Coffee:
Show your support with a small donation. Every coffee helps! 😊❤️
🔗 www.buymeacoffee.com/jdscodelab
📣 Share This Video:
Sharing is caring! Spread the word on social media.
🔗 ua-cam.com/video/s0uAA2MRrnw/v-deo.html
👍 Give This Video A Thumbs Up:
Like the video to show your appreciation.
🔔 Subscribe and Click the Bell:
Never miss an update. Subscribe and hit the notification bell for more amazing content.
🔗 bit.ly/2V2GnxZ
💖 Become a Patron:
Support my channel monthly and get early access to videos, source codes, and exclusive posts.
🔗 www.patreon.com/jdscodelab
🌟 Join UA-cam Membership:
Join our UA-cam membership for as low as $5 to support the channel and get exclusive perks.
🔗 bit.ly/3zRKV9H
📂 Download Assets:
Access the necessary assets for this project here:
🔗 drive.google.com/drive/folders/1rgjvNh4PVSMSbLudexmMr7hjFiye5FeE?usp=sharing
🎥 Explore More:
Check out my other playlists for more exciting content:
Other UI Designs in WPF:
Explore various UI designs to enhance your WPF applications.
🔗 ua-cam.com/play/PLe_Naf3_gfQlNJq0PXK17m8B-2LMXyF_0.html
User Controls Playlist:
Learn how to create and utilize user controls in WPF.
🔗 ua-cam.com/play/PLe_Naf3_gfQkRTxAfi4OODGuI1pgt21TD.html
Thank you for watching and supporting JD's Code Lab! Let’s create something amazing together. 😊💻✨
Переглядів: 668
Відео
WPF C# | Busy Indicator User Control in WPF | User Controls in Wpf C# (Jd's Code Lab)
Переглядів 3,5 тис.2 роки тому
Hey Guys, In this video I am going to show you how to design Busy Indicator user control in WPF. What is Busy Indicator? - A control which is shown with progress on screen during long running process. 00:00:00 Intro 00:00:10 Project Creation 00:00:40 Add User Control 00:01:02 Adding Dependency Properties 00:03:52 Design Busy Indicator User Control 00:06:22 Add Icons.xaml File (Link provided bel...
WPF C# | Customize DataGrid Control in WPF | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 40 тис.3 роки тому
Hey Guys, In this video I am going to show you how to customize DataGrid control in WPF. 00:00:00 Intro 00:00:36 Add DataGrid 00:01:03 Add Columns 00:02:15 Style: DataGrid 00:05:15 Style: DataGrid Column Header 00:08:16 Style: DataGrid Row 00:10:10 Style: DataGrid Row Details 00:11:47 End Results Become a patron to download the source codes: www.patreon.com/posts/55584095 ✔️ 6 Ways To Say Thank...
WPF C# | File Explorer UI Redesign (MVVM Code Part) | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 9 тис.3 роки тому
Hey Guys, Welcome back to the next video of File Explorer UI. In this video we will cover the code part by following MVVM pattern. The video is going to be very exciting as there is a lot to learn. Kindly watch the entire video so you won't miss a step. And don't forget to Like, Subscribe & Share. Stay tuned for more such videos! 00:00:00 Intro 00:00:11 Create Model & ViewModel 00:01:44 Define ...
WPF C# | File Explorer UI Redesign (Design Part) | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 6 тис.3 роки тому
Hey Guys, Welcome back to my another video. In this tutorial, we will be designing File Explorer UI. 0:00 Intro 0:17 Styling Window 16:58 Side Navigation 19:26 Drive and Folder Button 32:16 Explorer Header 33:32 Menu Header Button 36:50 Expand/Collapse Menu Header Toggle Button 40:00 SearchBox 50:10 Dark/Light Mode Toggle Button 53:40 Explorer Header Sub Menu 54:40 Explorer Header Sub Menu Butt...
[Trending] WPF C# | File Explorer Redesign Coming Soon... | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 3,9 тис.3 роки тому
Hey Guys, Welcome back to my another video. Here's a sneak peek of my upcoming video on redesign of File Explorer. Let me know in the comment if you're excited for the video.😉 Stay tuned and don't forget to Like, Subscribe & Share. Link to design tutorial: ua-cam.com/video/eamZ54DHqZk/v-deo.html Link to code behind to add functionalities: ua-cam.com/video/652m-Ekjduo/v-deo.html Become a patron ...
WPF C# | How to customize Calendar Control in WPF? | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 15 тис.3 роки тому
Hey Guys, Welcome back to my another video tutorial. So, in today's tutorial i will show you how to customize the Calendar control in WPF. Kindly watch the entire video. And don't forget to Like, Subscribe & Share. Stay tuned for more such videos! ☕Buy me a Coffee: www.buymeacoffee.com/jdscodelab Become a member to get access to perks: ua-cam.com/channels/k2GyexoK16XiKkrXLD_O2Q.htmljoin Become ...
WPF C# | Epic Games Launcher UI | Part - 3 | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 6 тис.3 роки тому
Hey Guys, Welcome back to my another video tutorial. This is the third and last part of Epic Games Launcher UI. So, In this video we are going to design the Store Page and i will show you new way to design a Navigation Menu which will contain two sections the upper menu buttons section and the footer menu buttons section. Also we will learn how to customize the Combo Box and many more. So, kind...
WPF C# | Epic Games Launcher UI | Part - 2 | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 2,6 тис.3 роки тому
Hey Guys, Welcome back to my another video tutorial. This is the second part of Epic Games Launcher UI. So, In this video, I will design the Sign In page with custom extended buttons we will be using as Login Service Buttons and also we will design the Preparing to launch page for the Epic Store. So, kindly watch the entire video. Also support me on patreon or you can also join membership by cl...
WPF C# | Epic Games Launcher UI | Part - 1 | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 8 тис.3 роки тому
Hey Guys, Welcome back to my another video tutorial. This is the first part of Epic Games Launcher UI. So, In this video, I will show you how to customize the WindowChrome i.e. the native Title Bar and Window Style without losing the default window animations and docking features etc. This video will be very helpful for you to get started and design custom Window UI's. So, kindly watch the enti...
WPF C# | Multiple Style In One Application | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 4,4 тис.3 роки тому
Hey Guys, Welcome back to my another video tutorial. In today's tutorial, I will show you how to switch between multiple themes (styles) in one application on runtime and also save the current theme and restore last saved theme. This video will be very helpful for you to get started and design multi theme application. So, kindly watch the entire video. Also support me on patreon to get early ac...
WPF C# | Rockstar Game Launcher UI Design| UI Design in Wpf C# (Jd's Code Lab)
Переглядів 9 тис.3 роки тому
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 wit...
WPF C# | Login UI With Image Transition Animation | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 4,7 тис.3 роки тому
WPF C# | Login UI With Image Transition Animation | UI Design in Wpf C# (Jd's Code Lab)
WPF UI Designs C# | Chat App UI Part - 6 | WPF C# (Jd's Code Lab)
Переглядів 8 тис.3 роки тому
WPF UI Designs C# | Chat App UI Part - 6 | WPF C# (Jd's Code Lab)
WPF C# | Steam Redesign Part - 3 | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 3,2 тис.3 роки тому
WPF C# | Steam Redesign Part - 3 | UI Design in Wpf C# (Jd's Code Lab)
WPF C# | Steam Redesign Part - 2 | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 1,7 тис.4 роки тому
WPF C# | Steam Redesign Part - 2 | UI Design in Wpf C# (Jd's Code Lab)
WPF C# | Steam Redesign Part - 1 | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 6 тис.4 роки тому
WPF C# | Steam Redesign Part - 1 | UI Design in Wpf C# (Jd's Code Lab)
WPF C# | Internet Download Manager UI Redesign | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 4 тис.4 роки тому
WPF C# | Internet Download Manager UI Redesign | UI Design in Wpf C# (Jd's Code Lab)
WPF C# | Drag & Drop to Upload File UI | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 11 тис.4 роки тому
WPF C# | Drag & Drop to Upload File UI | UI Design in Wpf C# (Jd's Code Lab)
[Trending] WPF C# | File Manager Application Dashboard UI | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 55 тис.4 роки тому
[Trending] WPF C# | File Manager Application Dashboard UI | UI Design in Wpf C# (Jd's Code Lab)
WPF UI Designs C# | Chat Application UI Part - 5 | WPF C# (Jd's Code Lab)
Переглядів 3,2 тис.4 роки тому
WPF UI Designs C# | Chat Application UI Part - 5 | WPF C# (Jd's Code Lab)
WPF C# | Login UI | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 15 тис.4 роки тому
WPF C# | Login UI | UI Design in Wpf C# (Jd's Code Lab)
WPF UI Designs C# | Chat Application UI Part - 4 | WPF C# (Jd's Code Lab)
Переглядів 2,5 тис.4 роки тому
WPF UI Designs C# | Chat Application UI Part - 4 | WPF C# (Jd's Code Lab)
WPF UI Designs C# | Chat Application UI Part - 3 | WPF C# (Jd's Code Lab)
Переглядів 2,6 тис.4 роки тому
WPF UI Designs C# | Chat Application UI Part - 3 | WPF C# (Jd's Code Lab)
WPF UI Designs C# | Chat Application UI Part - 2 | WPF C# (Jd's Code Lab)
Переглядів 6 тис.4 роки тому
WPF UI Designs C# | Chat Application UI Part - 2 | WPF C# (Jd's Code Lab)
WPF UI Designs C# | Chat Application UI Part - 1 | WPF C# (Jd's Code Lab)
Переглядів 29 тис.4 роки тому
WPF UI Designs C# | Chat Application UI Part - 1 | WPF C# (Jd's Code Lab)
WPF C# | E-Course Dashboard UI | WPF UI Designs C# (Jd's Code Lab)
Переглядів 3,6 тис.4 роки тому
WPF C# | E-Course Dashboard UI | WPF UI Designs C# (Jd's Code Lab)
WPF C# | IValueConverter & INotifyPropertyChanged | Interface in Wpf C# (Jd's Code Lab)
Переглядів 1,6 тис.4 роки тому
WPF C# | IValueConverter & INotifyPropertyChanged | Interface in Wpf C# (Jd's Code Lab)
WPF C# | Set Blur, Acrylic, etc. effect to window | UI Design in Wpf C# (Jd's Code Lab)
Переглядів 12 тис.4 роки тому
WPF C# | Set Blur, Acrylic, etc. effect to window | UI Design in Wpf C# (Jd's Code Lab)
WPF C# | Navigation Menu With Sub Menu | Wpf User Controls (Jd's Code Lab)
Переглядів 24 тис.4 роки тому
WPF C# | Navigation Menu With Sub Menu | Wpf User Controls (Jd's Code Lab)
This tutorial would have been so much better without the daft music in the background making difficult to hear you speak 🤦♂
Hi, Mike. Noted. I will try to lower or trim out the music if possible.
@@JDsCodeLab still a great tutorial might I add 👍
Does this application use sql server?
<textblock text="i love this video" />
sir my status bar is not showing when all my codes are correct can u pls help me
Hey, great job! I was wondering if movements could be made smoother? They look jittery
Hi. Will check.
Can you please activate the Spanish subtitles?
Hi. Will try. 👍
Everyone knows that you are an excellent programmer and designer and your forms have impeccable visuals, but the fact that you do not embed the "assets" in your source code project itself is extremely stressful. I have not been able to make any of your SCs work because they all give compilation errors asking for resources that are not in the folders they should be, such as jpg and png images. I don't know what it costs you to do this. I think that if you are interested in your subscribers giving likes to your future projects, you should do this. Otherwise, all this work is pointless. Well, thanks anyway...
Hi, Alekx. I have uploaded the complete source code with assets used and also shared the link in the description itself from day one. All my videos have assets links. Please check my description for the link below "Download the source code".
hey sir Can a chatgpt be made with WPF? Is it possible to literally design my own tiny artificial intelligence robot?
Yes you can do it using Open AI's api key. I had made a basic program on this. Will share with y'all soon.
@@JDsCodeLab My goal is to get a response from artificial intelligence when I upload a pdf using WPF. I would be grateful if you could give me a similar example.
more like a showcase of your skills than a helpful tutorial. Still gives some interesting tips, thanks.
Hey everyone! 🎉 Thank you for watching my tutorial on creating a stunning WPF splash screen - "Portfolio Splash"! If you enjoyed this video, please consider giving it a thumbs up and subscribing to the channel for more awesome content. 👍🔔 💡 Support the Channel: • Become a Patron: Get early access to videos, source codes, and exclusive content! 🔗 www.patreon.com/posts/108067678 • Buy Me a Coffee: Small donations help keep the content coming. 🔗 www.buymeacoffee.com/jdscodelab 🌟 Download Assets & Source Code: 🔗 www.patreon.com/posts/108067678 📣 Share this video with your fellow developers and help the community grow! Your support means the world to me. ❤️ 💬 Let me know in the comments what you'd like me to design next! Your suggestions help shape future content. Happy coding, and let me know in the comments if you have any questions or suggestions! 💻✨ #WPF #SplashScreen #PortfolioSplash #Tutorial #JDCodeLab
Thank you . Welcome back and I hope you do more content from now on :)
Trying my best to work on consistent uploads.
Brilliant, It's been a while but it's nice to see more of your videos. Hope I don't have to wait a year for the next one :)
I hope so 😉. I have been occupied with office work lately. But will try to post more content from now on.
how to make the StaticResourses rightArrow at 17:38?
Here: drive.google.com/drive/folders/1FUwLQNXvPax7N0jVpP7HaApeeWAvLSB7
A very good tutorial that demonstrates the great possibilities that exist and can be explored in WPF.
Can this be made in linux?
Your channel is the best programming I have seen.
i am using visual studio 2013
Yes, you can still develop the same in vs 2013
Why dont you explain your videos?? Dont know how to speak?
In my earlier videos, I didn't have a mic setup for voiceover. In my recent videos, I've included explanations.
Hello! I did everything like in your video but my Window didn't change... its like default white background and no buttons are visible. IDK what's wrong. I also checked your repository and just copypasted code from this video to my project due to the correct way, but its still not working! Can u please help me and maybe guess what's the problem?
Please check if you have added window.xaml resource dictionary in app.xaml 11:17
Could you provide the code for this, some of the things you're doing aren't working on my project. Specifically ValueToAngleConverter. It keeps saying " Unable to cast object of type 'System.String' to type 'System.Windows.Data.IValueConverter'. "
Did you follow this correctly on Line 17: EndAngle="{Binding Converter=ValueToAngleConverter, ElementName=circularProgress, Path=Value}" ua-cam.com/video/A1xnQarpAbY/v-deo.htmlsi=fMDbVu-kPnftUuUl&t=388
<Themes:DataGridHeaderBorder there is arror
it was very brief and clear
At the step Edit a Copy for a Template,It didn't create a datagrid style for me and i just had a controltemplate for a datagrid. When i added datagrid style by myself it create error pls help me
Hi, please share the SS on my email jdscodelab@gmail.com
Hello, when I download your code and open it, there is an error in the .mdf database file, so what should I do to fix it?
Hi there. Can you specify what is the error message you are getting? If you are facing database connectivity error then you will need to replace the path of the database in the connection string property in ViewModel class.
Did you manage to solve the problem?
i dont have a Assets folder of any sort please can you help me?
Here you go: drive.google.com/drive/folders/1hd23-Os7t7CCw-03gurerua6n55hsHyO
SHEEEESH that was the quickest reply ever!@@JDsCodeLab
how to import? @@JDsCodeLab
I know it's kindo f late but what if I want to cover all screen with the modal window ?
Call a new window with TopMost property to true and windowstyle none.
With all due respect, this has to be the worst WPF tutorial I've ever watched..., parts of the code are missing, very long chapters without testing if the changes were reflected or not, very fast transitions, and no explanation of what you are actually doing, and not even a finished project to verify if something is wrong or mismatched. I would highly recommend working more on optimizing the presentation of the video to allow people to follow up and actually understand what they are doing, after all, the purpose of the tutorial is to learn how to design a game launcher with WPF not to clone it blindly.
I appreciate your feedback on the video, and I'm sorry to hear that you found it lacking. I'll definitely take your comments into consideration for future tutorials to make them more informative and user-friendly. It's important to provide clear explanations, complete code, and proper testing steps to help viewers learn effectively. Thank you for your constructive criticism, and I'll work on improving the quality of my tutorials. If you have any specific suggestions or questions, please feel free to share them.
It's really cool!!! Is this really functioning? not only UI?
It's UI only
XDG03 Default value type does not match type of property 'ImageSource'. at 31:10
Thanks you soo much, it looks perfectly:))
Great job. Would you like to try the Steam Big picture redesign, it will be a good addition to your Steam redesign?
It was very hard to keep up, you were going really fast, and even with me slowing it down or pausing, it was difficult to understand.
thanks dude
if there are more characters in your last message, your "Last Message Time" will fly to the moon. How to ensure adaptability to this moment?
it would be cool to see how you would redo the DatePicker :)
waiting for you to come back and continue your videos! very beautiful controlls
Hi, very cool videos, thanks! Do more videos of redesigning standard controllers!!! Thanks
Teşekkürler.
It's not connected to internet like other chats
Hi Habib Ur Rehman. This is just the UI design. Business part you'll have to write on your own.
Could you possibly share your project files cause I'm having issues with loading the chat conversation in the user control window, the same problem you had but fixed with adding mConversations, for me this doesnt fix it, even after rebuilding, reopening the project.
at 15:59 u have a wrong code. It should be This.Text = Passbox.password.
HI Font Resource Styles Please share
JD's, just a fantastic tutorial. I am following it pretty well (newbie in WPF) and can't see what you do around minute 14 in order to get the Minimize, Maximize and Close buttons to appear correctly. In mine it shows the numbers and letters 😞
Hi. You will need to download segoe-mdl2 font and install it on your system. Then you can use that font to show maximize, minimize and close symbols.
After adding <DataGrid RowStyle ColumnHeaderStyle="{DynamicResource DataGridColumnHeaderStyle1}" ... > my headers are disappearing and showing blank datagrid in xaml and when it runs, why?
Great video, I tried to change it myself but but could not change everything I wanted. Now I see you can template everything in this control.
Thank you, useful tutorial , i notice in your video that the kb count remains 0 during the upload.
Hey! Will there be a second part?
Hi. What do you want in 2nd part?
Welcome back bro ☺️
Check out video here: ua-cam.com/video/eamZ54DHqZk/v-deo.html
i am not able to copy it
Great, Welcome back, after a long time. Can you post some videos of developing Windows desktop programs using MAUI?
I haven't tried MAUI yet. But will see.