WPF - Custom Scroll Bar / Scroll Viewer | UI Design | XAML | C# | Tutorial
[ Skill Level : Advanced ]
Hi, this video demonstrates the use and modification of the default " ControlTemplate " of the Scrollbar / Scroll Viewer. This includes the modification of the "RepeatButton" , "Track" & "Thumb" parts of the scrollbar template.
Subscription Link for more WPF videos and updates :
https://youtube.com/cdesignproarunmut...
Playlist : • WPF - Navigation Drawer / Sidebar Menu | U...
Download the Complete Source Code from Github Repository.
Link : https://github.com/CSharpDesignPro/WP...
Channel Link: / cdesignpro_arunmutharasu
Chapters:
0:00 Intro
0:10 App Preview
0:58 Open Visual Studio IDE
1:06 Create a New Project
1:40 Setup Main Window
2:38 Define Grid Rows
3:08 Header
3:29 Body
3:48 Footer
4:21 SrollViewer
4:42 Grid layout for the images
6:24 Styling the scrollbar
8:24 Vertical scrollbar template
10:57 Up Arrow button style [ Repeat Button ]
11:59 Down Arrow button style [ Repeat Button ]
12:58 Track
14:36 Thumb
15:48 Implementing the styled template
16:06 Creating an Assets folder for the images
16:39 Set the image resource for the Up & Down Arrow buttons
17:30 Assign image for the Up Arrow button
17:44 Assign image for the Down Arrow button.
17:55 Add a resource dictionary to style the elements
18:59 Thumb [style]
22:56 Track [style]
24:31 Up & Down Arrow buttons MouseOver event [style]
30:16 Implement Thumb & Track style
30:55 Implement Up & Down Arrow button style
31:28 Declaring a MultiValue Converter
35:48 Binding the MultiValue Converter
39:25 Add images to the ScrollViewer grid
42:34 Header Title & Close button [style]
Tools Used :
Microsoft Visual Studio Community Edition 2019
Icon Credits :
Link : https://icons8.com/icons
Background Music Credits:
Summer Nights by LiQWYD / liqwyd
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/summer-nights-liqwyd
Music promoted by Audio Library • Video
Thank you!
Have a great day!
Arun Mutharasu
For Business Inquiries : arun.enterprises.co@gmail.com
Auf dieser Seite können Sie das Online-Video WPF - Custom Scroll Bar / Scroll Viewer | UI Design | XAML | C# | Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer C# Design Pro 12 Februar 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 20,390 Mal angesehen und es wurde von 283 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
