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>