RadioButtonStyle.xaml 13 KB

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