WPF - Custom Scroll Bar / Scroll Viewer | UI Design | XAML | C# | Tutorial

Pubblicato il: 12 febbraio 2020
sul canale di: C# Design Pro

20,390

283

[ 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

In questa pagina del sito puoi guardare il video online WPF - Custom Scroll Bar / Scroll Viewer | UI Design | XAML | C# | Tutorial della durata di ore minuti seconda in buona qualità , che l'utente ha caricato C# Design Pro 12 febbraio 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 20,390 volte e gli è piaciuto 283 spettatori. Buona visione!