Windows/components/Sizers/src/SizerBase.xaml at 47290d490e51db378e52f899827edf4fafb85202 · CommunityToolkit/Windows · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:controls="using:CommunityToolkit.WinUI.Controls">

    <ResourceDictionary.ThemeDictionaries>
        <ResourceDictionary x:Key="Default">
            <StaticResource x:Key="SizerBaseBackground"
                            ResourceKey="ControlAltFillColorTransparentBrush" />
            <StaticResource x:Key="SizerBaseBackgroundPointerOver"
                            ResourceKey="ControlAltFillColorTertiaryBrush" />
            <StaticResource x:Key="SizerBaseBackgroundPressed"
                            ResourceKey="ControlAltFillColorQuarternaryBrush" />
            <StaticResource x:Key="SizerBaseBackgroundDisabled"
                            ResourceKey="ControlAltFillColorDisabledBrush" />
            <StaticResource x:Key="SizerBaseForeground"
                            ResourceKey="ControlStrongFillColorDefaultBrush" />
        </ResourceDictionary>
        <ResourceDictionary x:Key="Light">
            <StaticResource x:Key="SizerBaseBackground"
                            ResourceKey="ControlAltFillColorTransparentBrush" />
            <StaticResource x:Key="SizerBaseBackgroundPointerOver"
                            ResourceKey="ControlAltFillColorTertiaryBrush" />
            <StaticResource x:Key="SizerBaseBackgroundPressed"
                            ResourceKey="ControlAltFillColorQuarternaryBrush" />
            <StaticResource x:Key="SizerBaseBackgroundDisabled"
                            ResourceKey="ControlAltFillColorDisabledBrush" />
            <StaticResource x:Key="SizerBaseForeground"
                            ResourceKey="ControlStrongFillColorDefaultBrush" />
        </ResourceDictionary>
        <ResourceDictionary x:Key="HighContrast">
            <StaticResource x:Key="SizerBaseBackground"
                            ResourceKey="ControlAltFillColorTransparentBrush" />
            <StaticResource x:Key="SizerBaseBackgroundPointerOver"
                            ResourceKey="SystemColorHighlightTextColorBrush" />
            <StaticResource x:Key="SizerBaseBackgroundPressed"
                            ResourceKey="SystemColorHighlightColorBrush" />
            <StaticResource x:Key="SizerBaseBackgroundDisabled"
                            ResourceKey="SystemColorWindowColorBrush" />
            <StaticResource x:Key="SizerBaseForeground"
                            ResourceKey="SystemColorButtonTextColorBrush" />
        </ResourceDictionary>
    </ResourceDictionary.ThemeDictionaries>
    <x:Double x:Key="SizerBaseThumbHeight">24</x:Double>
    <x:Double x:Key="SizerBaseThumbWidth">4</x:Double>
    <x:Double x:Key="SizerBaseThumbRadius">2</x:Double>
    <Thickness x:Key="SizerBasePadding">4</Thickness>

    <Style BasedOn="{StaticResource DefaultSizerBaseStyle}"
           TargetType="controls:SizerBase" />

    <Style x:Key="DefaultSizerBaseStyle"
           TargetType="controls:SizerBase">
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="UseSystemFocusVisuals" Value="True" />
        <Setter Property="HorizontalAlignment" Value="Stretch" />
        <Setter Property="VerticalAlignment" Value="Stretch" />
        <Setter Property="IsFocusEngagementEnabled" Value="True" />
        <Setter Property="MinHeight" Value="8" />
        <Setter Property="MinWidth" Value="8" />
        <Setter Property="Padding" Value="{ThemeResource SizerBasePadding}" />
        <Setter Property="Foreground" Value="{ThemeResource SizerBaseForeground}" />
        <Setter Property="Background" Value="{ThemeResource SizerBaseBackground}" />
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="AutomationProperties.Name" Value="ms-resource://CommunityToolkit.WinUI.Controls.Sizers/CommunityToolkit.WinUI.Controls.Sizers/Resources/WCT_SizerBase_AutomationName" />
        <Setter Property="ManipulationMode" Value="TranslateX,TranslateY" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="controls:SizerBase">
                    <Grid x:Name="RootGrid"
                          Background="{TemplateBinding Background}"
                          BorderBrush="{TemplateBinding BorderBrush}"
                          BorderThickness="{TemplateBinding BorderThickness}"
                          CornerRadius="{TemplateBinding CornerRadius}">
                        <Grid.BackgroundTransition>
                            <BrushTransition Duration="0:0:0.083" />
                        </Grid.BackgroundTransition>
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal" />
                                <VisualState x:Name="PointerOver">
                                    <VisualState.Setters>
                                        <Setter Target="RootGrid.Background" Value="{ThemeResource SizerBaseBackgroundPointerOver}" />
                                    </VisualState.Setters>
                                </VisualState>
                                <VisualState x:Name="Pressed">
                                    <VisualState.Setters>
                                        <Setter Target="RootGrid.Background" Value="{ThemeResource SizerBaseBackgroundPressed}" />
                                    </VisualState.Setters>
                                </VisualState>
                                <VisualState x:Name="Disabled">
                                    <VisualState.Setters>
                                        <Setter Target="RootGrid.Background" Value="{ThemeResource SizerBaseBackgroundDisabled}" />
                                        <Setter Target="PART_Thumb.Opacity" Value="0.45" />
                                    </VisualState.Setters>
                                </VisualState>
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="OrientationStates">
                                <VisualState x:Name="Vertical" />
                                <VisualState x:Name="Horizontal">
                                    <VisualState.Setters>
                                        <Setter Target="PART_Thumb.Width" Value="{ThemeResource SizerBaseThumbHeight}" />
                                        <Setter Target="PART_Thumb.Height" Value="{ThemeResource SizerBaseThumbWidth}" />
                                    </VisualState.Setters>
                                </VisualState>
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="ThumbVisibilityStates">
                                <VisualState x:Name="Visible" />
                                <VisualState x:Name="Collapsed">
                                    <VisualState.Setters>
                                        <Setter Target="PART_Thumb.Visibility" Value="Collapsed" />
                                    </VisualState.Setters>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>

                        <Rectangle x:Name="PART_Thumb"
                                   Width="{ThemeResource SizerBaseThumbWidth}"
                                   Height="{ThemeResource SizerBaseThumbHeight}"
                                   Margin="{TemplateBinding Padding}"
                                   Fill="{TemplateBinding Foreground}"
                                   RadiusX="{ThemeResource SizerBaseThumbRadius}"
                                   RadiusY="{ThemeResource SizerBaseThumbRadius}" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

</ResourceDictionary>