KeyVisual.xaml
  1  <ResourceDictionary
  2      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4      xmlns:controls="using:Microsoft.CmdPal.UI.Controls">
  5  
  6      <x:Double x:Key="DefaultIconSize">16</x:Double>
  7      <x:Double x:Key="SmallIconSize">12</x:Double>
  8      <Style x:Key="DefaultTextKeyVisualStyle" TargetType="controls:KeyVisual">
  9          <Setter Property="MinWidth" Value="56" />
 10          <Setter Property="MinHeight" Value="48" />
 11          <Setter Property="Background" Value="{ThemeResource AccentButtonBackground}" />
 12          <Setter Property="Foreground" Value="{ThemeResource AccentButtonForeground}" />
 13          <Setter Property="BorderBrush" Value="{ThemeResource AccentButtonBorderBrush}" />
 14          <Setter Property="BorderThickness" Value="{ThemeResource ButtonBorderThemeThickness}" />
 15          <Setter Property="Padding" Value="16,8,16,8" />
 16          <Setter Property="FontWeight" Value="SemiBold" />
 17          <Setter Property="HorizontalAlignment" Value="Center" />
 18          <Setter Property="HorizontalContentAlignment" Value="Center" />
 19          <Setter Property="FontSize" Value="18" />
 20          <Setter Property="Template">
 21              <Setter.Value>
 22                  <ControlTemplate TargetType="controls:KeyVisual">
 23                      <Grid>
 24                          <Grid>
 25                              <Rectangle
 26                                  x:Name="ContentHolder"
 27                                  Height="{TemplateBinding Height}"
 28                                  MinWidth="{TemplateBinding MinWidth}"
 29                                  Fill="{TemplateBinding Background}"
 30                                  RadiusX="4"
 31                                  RadiusY="4"
 32                                  Stroke="{TemplateBinding BorderBrush}"
 33                                  StrokeThickness="{TemplateBinding BorderThickness}" />
 34                              <ContentPresenter
 35                                  x:Name="KeyPresenter"
 36                                  Margin="{TemplateBinding Padding}"
 37                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
 38                                  VerticalAlignment="Center"
 39                                  Content="{TemplateBinding Content}"
 40                                  FontSize="{TemplateBinding FontSize}"
 41                                  FontWeight="{TemplateBinding FontWeight}"
 42                                  Foreground="{TemplateBinding Foreground}" />
 43                          </Grid>
 44                          <VisualStateManager.VisualStateGroups>
 45                              <VisualStateGroup x:Name="CommonStates">
 46                                  <VisualState x:Name="Normal" />
 47                                  <VisualState x:Name="Disabled">
 48                                      <VisualState.Setters>
 49                                          <Setter Target="ContentHolder.Fill" Value="{ThemeResource AccentButtonBackgroundDisabled}" />
 50                                          <Setter Target="KeyPresenter.Foreground" Value="{ThemeResource AccentButtonForegroundDisabled}" />
 51                                          <Setter Target="ContentHolder.Stroke" Value="{ThemeResource AccentButtonBorderBrushDisabled}" />
 52                                          <!--<Setter Target="ContentHolder.StrokeThickness" Value="{TemplateBinding BorderThickness}" />-->
 53                                      </VisualState.Setters>
 54                                  </VisualState>
 55                              </VisualStateGroup>
 56                              <VisualStateGroup x:Name="StateStates">
 57                                  <VisualState x:Name="Default" />
 58                                  <VisualState x:Name="Error">
 59                                      <VisualState.Setters>
 60                                          <Setter Target="ContentHolder.Fill" Value="{ThemeResource InfoBarErrorSeverityBackgroundBrush}" />
 61                                          <Setter Target="KeyPresenter.Foreground" Value="{ThemeResource InfoBarErrorSeverityIconBackground}" />
 62                                          <Setter Target="ContentHolder.Stroke" Value="{ThemeResource InfoBarErrorSeverityIconBackground}" />
 63                                          <Setter Target="ContentHolder.StrokeThickness" Value="2" />
 64                                      </VisualState.Setters>
 65                                  </VisualState>
 66                              </VisualStateGroup>
 67                          </VisualStateManager.VisualStateGroups>
 68                      </Grid>
 69                  </ControlTemplate>
 70              </Setter.Value>
 71          </Setter>
 72      </Style>
 73  
 74      <Style
 75          x:Key="SmallTextKeyVisualStyle"
 76          BasedOn="{StaticResource DefaultTextKeyVisualStyle}"
 77          TargetType="controls:KeyVisual">
 78          <Setter Property="MinWidth" Value="40" />
 79          <Setter Property="Height" Value="36" />
 80          <Setter Property="FontWeight" Value="SemiBold" />
 81          <Setter Property="Padding" Value="12,0,12,2" />
 82          <Setter Property="FontSize" Value="14" />
 83          <Setter Property="HorizontalContentAlignment" Value="Center" />
 84      </Style>
 85  
 86      <Style
 87          x:Key="SmallOutlineTextKeyVisualStyle"
 88          BasedOn="{StaticResource DefaultTextKeyVisualStyle}"
 89          TargetType="controls:KeyVisual">
 90          <Setter Property="MinWidth" Value="40" />
 91          <Setter Property="Background" Value="{ThemeResource ButtonBackground}" />
 92          <Setter Property="Foreground" Value="{ThemeResource ButtonForeground}" />
 93          <Setter Property="BorderBrush" Value="{ThemeResource ButtonBorderBrush}" />
 94          <Setter Property="Height" Value="36" />
 95          <Setter Property="FontWeight" Value="SemiBold" />
 96          <Setter Property="Padding" Value="8,0,8,2" />
 97          <Setter Property="FontSize" Value="13" />
 98          <Setter Property="HorizontalContentAlignment" Value="Center" />
 99      </Style>
100  
101  
102  
103      <Style
104          x:Key="DefaultIconKeyVisualStyle"
105          BasedOn="{StaticResource DefaultTextKeyVisualStyle}"
106          TargetType="controls:KeyVisual">
107          <Setter Property="MinWidth" Value="56" />
108          <Setter Property="MinHeight" Value="48" />
109          <Setter Property="FontFamily" Value="{ThemeResource SymbolThemeFontFamily}" />
110          <Setter Property="Padding" Value="16,8,16,8" />
111          <Setter Property="FontSize" Value="14" />
112          <Setter Property="HorizontalContentAlignment" Value="Center" />
113      </Style>
114  
115      <Style
116          x:Key="SmallIconKeyVisualStyle"
117          BasedOn="{StaticResource DefaultTextKeyVisualStyle}"
118          TargetType="controls:KeyVisual">
119          <Setter Property="MinWidth" Value="40" />
120          <Setter Property="Height" Value="36" />
121          <Setter Property="FontFamily" Value="{ThemeResource SymbolThemeFontFamily}" />
122          <Setter Property="FontWeight" Value="Normal" />
123          <Setter Property="Padding" Value="0" />
124          <Setter Property="FontSize" Value="10" />
125          <Setter Property="HorizontalContentAlignment" Value="Center" />
126      </Style>
127  
128      <Style
129          x:Key="SmallOutlineIconKeyVisualStyle"
130          BasedOn="{StaticResource DefaultTextKeyVisualStyle}"
131          TargetType="controls:KeyVisual">
132          <Setter Property="MinWidth" Value="40" />
133          <Setter Property="Background" Value="{ThemeResource ButtonBackground}" />
134          <Setter Property="Foreground" Value="{ThemeResource ButtonForeground}" />
135          <Setter Property="BorderBrush" Value="{ThemeResource ButtonBorderBrush}" />
136          <Setter Property="FontFamily" Value="{ThemeResource SymbolThemeFontFamily}" />
137          <Setter Property="Height" Value="36" />
138          <Setter Property="FontWeight" Value="SemiBold" />
139          <Setter Property="Padding" Value="0" />
140          <Setter Property="FontSize" Value="9" />
141          <Setter Property="HorizontalContentAlignment" Value="Center" />
142      </Style>
143  
144      <Style
145          x:Key="OnlyTextKeyVisualStyle"
146          BasedOn="{StaticResource DefaultTextKeyVisualStyle}"
147          TargetType="controls:KeyVisual">
148          <Setter Property="MinHeight" Value="12" />
149          <Setter Property="MinWidth" Value="12" />
150          <Setter Property="Background" Value="Transparent" />
151          <Setter Property="Foreground" Value="{ThemeResource ButtonForeground}" />
152          <Setter Property="BorderBrush" Value="Transparent" />
153          <Setter Property="FontWeight" Value="Normal" />
154          <Setter Property="Padding" Value="0" />
155          <Setter Property="FontSize" Value="12" />
156          <Setter Property="HorizontalContentAlignment" Value="Center" />
157      </Style>
158  
159      <Style
160          x:Key="OnlyIconKeyVisualStyle"
161          BasedOn="{StaticResource DefaultTextKeyVisualStyle}"
162          TargetType="controls:KeyVisual">
163          <Setter Property="MinHeight" Value="10" />
164          <Setter Property="MinWidth" Value="10" />
165          <Setter Property="Background" Value="Transparent" />
166          <Setter Property="Foreground" Value="{ThemeResource ButtonForeground}" />
167          <Setter Property="BorderBrush" Value="Transparent" />
168          <Setter Property="FontFamily" Value="{ThemeResource SymbolThemeFontFamily}" />
169          <Setter Property="FontWeight" Value="Normal" />
170          <Setter Property="Padding" Value="0,0,0,3" />
171          <!--<Setter Property="FontSize" Value="9" />-->
172          <Setter Property="HorizontalContentAlignment" Value="Center" />
173      </Style>
174  </ResourceDictionary>