RadioButtonStyle.xaml 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  2. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  3. <Style x:Key="FunctionRadio" TargetType="RadioButton">
  4. <Setter Property="Foreground" Value="Black"/>
  5. <Setter Property="BorderThickness" Value="0"/>
  6. <Setter Property="Background" Value="Transparent"/>
  7. <Setter Property="Template">
  8. <Setter.Value>
  9. <ControlTemplate TargetType="RadioButton">
  10. <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="True" CornerRadius="8">
  11. <ContentPresenter x:Name="Cont" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="4"/>
  12. </Border>
  13. <ControlTemplate.Triggers>
  14. <Trigger Property="IsMouseOver" Value="True">
  15. <Setter TargetName="border" Property="Background" Value="#e4e8ec"/>
  16. </Trigger>
  17. <Trigger Property="IsPressed" Value="True">
  18. <Setter TargetName="border" Property="Background" Value="#e4e8ec"/>
  19. </Trigger>
  20. <Trigger Property="IsChecked" Value="True">
  21. <Setter TargetName="border" Property="Background" Value="#ea3e3e"/>
  22. <Setter TargetName="Cont" Property="TextElement.Foreground" Value="White"/>
  23. </Trigger>
  24. <Trigger Property="IsChecked" Value="False">
  25. <Setter TargetName="Cont" Property="TextElement.Foreground" Value="{StaticResource BackgroundDarkColor}"/>
  26. </Trigger>
  27. </ControlTemplate.Triggers>
  28. </ControlTemplate>
  29. </Setter.Value>
  30. </Setter>
  31. </Style>
  32. <Style x:Key="RadioButtonStyle" TargetType="RadioButton">
  33. <Setter Property="Template">
  34. <Setter.Value>
  35. <ControlTemplate TargetType="RadioButton">
  36. <Grid >
  37. <Grid.ColumnDefinitions>
  38. <ColumnDefinition Width="auto"/>
  39. <ColumnDefinition Width="8"/>
  40. <ColumnDefinition Width="auto"/>
  41. </Grid.ColumnDefinitions>
  42. <Border x:Name="border" BorderBrush="DarkGray" BorderThickness="1" Width="14" Height="14" CornerRadius="14" Margin="0,1,0,0">
  43. <Border x:Name="Inner" Width="6" Height="6" CornerRadius="10" VerticalAlignment="Center" HorizontalAlignment="Center" Background="{TemplateBinding Background}"/>
  44. </Border>
  45. <ContentPresenter Grid.Column="2" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
  46. VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
  47. Margin="{TemplateBinding Padding}"/>
  48. </Grid>
  49. <ControlTemplate.Triggers>
  50. <Trigger Property="IsChecked" Value="True">
  51. <Setter TargetName="Inner" Property="Background" Value="Red" />
  52. <Setter TargetName="border" Property="BorderBrush" Value="Red" />
  53. </Trigger>
  54. <MultiTrigger>
  55. <MultiTrigger.Conditions>
  56. <Condition Property="IsMouseOver" Value="True"/>
  57. <Condition Property="IsChecked" Value="False"/>
  58. </MultiTrigger.Conditions>
  59. <Setter TargetName="border" Property="BorderBrush" Value="#525b6d" />
  60. </MultiTrigger>
  61. </ControlTemplate.Triggers>
  62. </ControlTemplate>
  63. </Setter.Value>
  64. </Setter>
  65. </Style>
  66. <Style x:Key="RadioVertical" TargetType="RadioButton">
  67. <Setter Property="Margin" Value="1"/>
  68. <Setter Property="Background" Value="Transparent"/>
  69. <Setter Property="HorizontalContentAlignment" Value="Left"/>
  70. <Setter Property="Template">
  71. <Setter.Value>
  72. <ControlTemplate TargetType="RadioButton">
  73. <Border x:Name="Show" Background="{TemplateBinding Background}" Margin="{TemplateBinding Margin}" CornerRadius="2">
  74. <ContentPresenter Panel.ZIndex="0" VerticalAlignment="Center" HorizontalAlignment="Left"/>
  75. </Border>
  76. <ControlTemplate.Triggers>
  77. <Trigger Property="IsMouseOver" Value="True">
  78. <Setter Property="Background" Value="{StaticResource ThemeColor}"/>
  79. </Trigger>
  80. <Trigger Property="IsChecked" Value="True">
  81. <Setter Property="Background" Value="{StaticResource NiceBlue}"/>
  82. </Trigger>
  83. </ControlTemplate.Triggers>
  84. </ControlTemplate>
  85. </Setter.Value>
  86. </Setter>
  87. </Style>
  88. <Style x:Key="RadioThemeColor" TargetType="RadioButton">
  89. <Setter Property="Background" Value="{StaticResource ThemeColor}"/>
  90. <Setter Property="Template">
  91. <Setter.Value>
  92. <ControlTemplate TargetType="RadioButton">
  93. <Grid Background="{TemplateBinding Background}" Margin="{TemplateBinding Margin}">
  94. <ContentPresenter Panel.ZIndex="0" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="8" TextElement.Foreground="{StaticResource TextColor}"/>
  95. <Border x:Name="_borderOver" Background="Transparent" BorderBrush="Transparent" BorderThickness="1" Margin="1">
  96. </Border>
  97. <Border x:Name="_borderChecked" Visibility="Collapsed" Background="{StaticResource NiceGreen}" HorizontalAlignment="Right" VerticalAlignment="Bottom" Width="12" Height="12">
  98. <Path Data="M2,7 5,10 11,2" Margin="0 0 0 0" VerticalAlignment="Center" HorizontalAlignment="Center" Stroke="White" StrokeThickness="2"/>
  99. </Border>
  100. </Grid>
  101. <ControlTemplate.Triggers>
  102. <Trigger Property="HasContent" Value="True">
  103. <Setter Property="FocusVisualStyle">
  104. <Setter.Value>
  105. <Style>
  106. <Setter Property="Control.Template">
  107. <Setter.Value>
  108. <ControlTemplate>
  109. <Rectangle Margin="14,0,0,0" SnapsToDevicePixels="True" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/>
  110. </ControlTemplate>
  111. </Setter.Value>
  112. </Setter>
  113. </Style>
  114. </Setter.Value>
  115. </Setter>
  116. </Trigger>
  117. <Trigger Property="IsMouseOver" Value="True">
  118. <Setter Property="BorderBrush" TargetName="_borderOver" Value="White"/>
  119. </Trigger>
  120. <Trigger Property="IsChecked" Value="True">
  121. <Setter Property="Visibility" TargetName="_borderChecked" Value="Visible"/>
  122. </Trigger>
  123. </ControlTemplate.Triggers>
  124. </ControlTemplate>
  125. </Setter.Value>
  126. </Setter>
  127. </Style>
  128. <Style x:Key="FunctionRadioButton" TargetType="RadioButton">
  129. <Setter Property="Background" Value="{StaticResource ThemeColor}"/>
  130. <Setter Property="Template">
  131. <Setter.Value>
  132. <ControlTemplate TargetType="RadioButton">
  133. <Grid Background="{TemplateBinding Background}" Margin="{TemplateBinding Margin}">
  134. <Grid>
  135. <ContentPresenter x:Name="contetn" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="8" TextElement.Foreground="{StaticResource TextColor}"/>
  136. <Border Grid.Row="1" x:Name="_borderChecked" Visibility="Collapsed" VerticalAlignment="Bottom" Margin="0,0,0,4" CornerRadius="1" Background="{StaticResource TextColor}" Width="50" Height="2"/>
  137. </Grid>
  138. </Grid>
  139. <ControlTemplate.Triggers>
  140. <Trigger Property="IsMouseOver" Value="True">
  141. <Setter Property="Background" Value="{StaticResource SubThemeColor}"/>
  142. </Trigger>
  143. <Trigger Property="IsPressed" Value="True">
  144. <Setter Property="Background" Value="{StaticResource SubThemeColor}"/>
  145. </Trigger>
  146. <Trigger Property="IsChecked" Value="True">
  147. <Setter TargetName="_borderChecked" Property="Visibility" Value="Visible"/>
  148. </Trigger>
  149. <Trigger Property="IsChecked" Value="False">
  150. <Setter TargetName="_borderChecked" Property="Visibility" Value="Collapsed"/>
  151. </Trigger>
  152. </ControlTemplate.Triggers>
  153. </ControlTemplate>
  154. </Setter.Value>
  155. </Setter>
  156. </Style>
  157. <Style x:Key="ThemeRadioButton" TargetType="RadioButton">
  158. <Setter Property="Background" Value="{StaticResource ThemeColor}"/>
  159. <Setter Property="Template">
  160. <Setter.Value>
  161. <ControlTemplate TargetType="RadioButton">
  162. <Grid Background="{TemplateBinding Background}" Margin="{TemplateBinding Margin}">
  163. <Grid>
  164. <ContentPresenter x:Name="contetn" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="8" TextElement.Foreground="{StaticResource TextColor}"/>
  165. <Border Grid.Row="1" x:Name="_borderChecked" Visibility="Collapsed" VerticalAlignment="Bottom" Margin="0,0,0,4" CornerRadius="1" Background="{StaticResource TextColor}" Width="50" Height="2"/>
  166. </Grid>
  167. </Grid>
  168. <ControlTemplate.Triggers>
  169. <Trigger Property="IsMouseOver" Value="True">
  170. <Setter Property="Background" Value="{StaticResource SubThemeColor}"/>
  171. </Trigger>
  172. <Trigger Property="IsPressed" Value="True">
  173. <Setter Property="Background" Value="{StaticResource SubThemeColor}"/>
  174. </Trigger>
  175. <Trigger Property="IsChecked" Value="True">
  176. <Setter Property="Background" Value="{StaticResource ThemeColor}"/>
  177. </Trigger>
  178. <Trigger Property="IsChecked" Value="False">
  179. <Setter Property="Background" Value="{StaticResource DisableColor}"/>
  180. </Trigger>
  181. </ControlTemplate.Triggers>
  182. </ControlTemplate>
  183. </Setter.Value>
  184. </Setter>
  185. </Style>
  186. </ResourceDictionary>