CommunityToolkit-Windows/components/Segmented/src/Segmented/Segmented.xaml at ff4d597ffa35a9f7b1f8f841a6de447aba44392e · Avid29/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
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="using:CommunityToolkit.WinUI.Controls"
                    xmlns:tk="using:CommunityToolkit.WinUI"
                    xmlns:win="http://schemas.microsoft.com/winfx/2006/xaml/presentation">

    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="ms-appx:///CommunityToolkit.WinUI.Controls.Segmented/SegmentedItem/SegmentedItem.xaml" />
    </ResourceDictionary.MergedDictionaries>
    <ResourceDictionary.ThemeDictionaries>
        <ResourceDictionary x:Key="Default">
            <StaticResource x:Key="SegmentedBackground"
                            ResourceKey="ControlAltFillColorSecondaryBrush" />
            <StaticResource x:Key="SegmentedBorderBrush"
                            ResourceKey="ControlStrokeColorDefaultBrush" />
            <Thickness x:Key="SegmentedBorderThickness">1</Thickness>
        </ResourceDictionary>
        <ResourceDictionary x:Key="Light">
            <StaticResource x:Key="SegmentedBackground"
                            ResourceKey="ControlAltFillColorSecondaryBrush" />
            <StaticResource x:Key="SegmentedBorderBrush"
                            ResourceKey="ControlStrokeColorDefaultBrush" />
            <Thickness x:Key="SegmentedBorderThickness">1</Thickness>
        </ResourceDictionary>
        <ResourceDictionary x:Key="HighContrast">
            <StaticResource x:Key="SegmentedBackground"
                            ResourceKey="SystemColorButtonFaceColor" />
            <StaticResource x:Key="SegmentedBorderBrush"
                            ResourceKey="SystemColorHighlightColorBrush" />
            <Thickness x:Key="SegmentedBorderThickness">1</Thickness>

        </ResourceDictionary>
    </ResourceDictionary.ThemeDictionaries>

    <x:Double x:Key="SegmentedItemSpacing">1</x:Double>
    <x:Double x:Key="ButtonItemSpacing">2</x:Double>

    <Style BasedOn="{StaticResource DefaultSegmentedStyle}"
           TargetType="local:Segmented" />

    <Style x:Key="DefaultSegmentedStyle"
           TargetType="local:Segmented">
        <Style.Setters>
            <Setter Property="CornerRadius" Value="{ThemeResource ControlCornerRadius}" />
            <Setter Property="Background" Value="{ThemeResource SegmentedBackground}" />
            <Setter Property="BorderBrush" Value="{ThemeResource SegmentedBorderBrush}" />
            <Setter Property="BorderThickness" Value="{ThemeResource SegmentedBorderThickness}" />
            <Setter Property="HorizontalAlignment" Value="Left" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="SelectionMode" Value="Single" />
            <Setter Property="Orientation" Value="Horizontal" />
            <Setter Property="IsItemClickEnabled" Value="False" />
            <win:Setter Property="SingleSelectionFollowsFocus"
                        Value="False" />
            <Setter Property="IsTabStop" Value="False" />
            <Setter Property="TabNavigation" Value="Once" />
            <Setter Property="ItemsPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <local:EqualPanel HorizontalAlignment="{Binding (tk:FrameworkElementExtensions.Ancestor).HorizontalAlignment, RelativeSource={RelativeSource Self}}"
                                          tk:FrameworkElementExtensions.AncestorType="local:Segmented"
                                          Orientation="{Binding (tk:FrameworkElementExtensions.Ancestor).Orientation, RelativeSource={RelativeSource Self}}"
                                          Spacing="{ThemeResource SegmentedItemSpacing}" />
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="local:Segmented">
                        <Grid>
                            <Border VerticalAlignment="Stretch"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}"
                                    CornerRadius="{TemplateBinding CornerRadius}" />
                            <ItemsPresenter Margin="{TemplateBinding Padding}" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style.Setters>
    </Style>

    <Style x:Key="PivotSegmentedStyle"
           BasedOn="{StaticResource DefaultSegmentedStyle}"
           TargetType="local:Segmented">
        <Style.Setters>
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="BorderBrush" Value="Transparent" />
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="Padding" Value="0" />
            <Setter Property="ItemContainerStyle" Value="{StaticResource PivotSegmentedItemStyle}" />
            <Setter Property="ItemsPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <StackPanel tk:FrameworkElementExtensions.AncestorType="local:Segmented"
                                    Orientation="{Binding (tk:FrameworkElementExtensions.Ancestor).Orientation, RelativeSource={RelativeSource Self}}"
                                    Spacing="{ThemeResource SegmentedItemSpacing}" />
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
        </Style.Setters>
    </Style>

    <Style x:Key="ButtonSegmentedStyle"
           BasedOn="{StaticResource DefaultSegmentedStyle}"
           TargetType="local:Segmented">
        <Style.Setters>
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="BorderBrush" Value="Transparent" />
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="Padding" Value="0" />
            <Setter Property="ItemContainerStyle" Value="{StaticResource ButtonSegmentedItemStyle}" />
            <Setter Property="ItemsPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <StackPanel tk:FrameworkElementExtensions.AncestorType="local:Segmented"
                                    Orientation="{Binding (tk:FrameworkElementExtensions.Ancestor).Orientation, RelativeSource={RelativeSource Self}}"
                                    Spacing="{ThemeResource ButtonItemSpacing}" />
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
        </Style.Setters>
    </Style>
</ResourceDictionary>