【WPF】自定义CheckBox复选框

最新推荐文章于 2025-05-28 16:50:11 发布

weixin_30872671

最新推荐文章于 2025-05-28 16:50:11 发布

阅读量240

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sinozhang1988/archive/2013/04/08/3007176.html

本文探讨了如何通过自定义WPF中的CheckBox样式来解决默认控件大小过小的问题，包括调整外观和交互行为，以提高用户的操作体验。通过修改模板，实现了对勾选框的个性化设计，包括改变形状、颜色和状态响应。最终效果展示了定制后的CheckBox应用，其视觉效果和交互响应得到了显著改善。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1         <Style x:Key="CheckBoxStyle" TargetType="{x:Type CheckBox}">
 2             <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
 3             <Setter Property="Background" Value="{StaticResource CheckRadioFillNormal}"/>
 4             <Setter Property="BorderBrush" Value="{StaticResource CheckRadioStrokeNormal}"/>
 5             <Setter Property="BorderThickness" Value="1"/>
 6             <Setter Property="FocusVisualStyle" Value="{StaticResource EmptyCheckBoxFocusVisual}"/>
 7             <Setter Property="Template">
 8                 <Setter.Value>
 9                     <ControlTemplate TargetType="{x:Type CheckBox}">
10                         <BulletDecorator Background="Transparent" SnapsToDevicePixels="true">
11                             <BulletDecorator.Bullet>
12                                 <Border x:Name="cbd" BorderThickness="2" BorderBrush="LightBlue" MinHeight="30" MinWidth="30" VerticalAlignment="Center" Background="White">
13                                     <Path x:Name="cp" Stroke="Lime" StrokeThickness="2" Width="25" Height="25" />
14                                 </Border>
15                             </BulletDecorator.Bullet>
16                             <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
17                         </BulletDecorator>
18                         <ControlTemplate.Triggers>
19                             <Trigger Property="IsChecked" Value="true" >
20                                 <Setter TargetName="cp" Property="Data" Value="M 0 17 L 7 25 M 7 27 L 27 0" />
21                                 <Setter TargetName="cbd" Property="Background" Value="LightGray" />
22                             </Trigger>
23                             <Trigger Property="HasContent" Value="true">
24                                 <Setter Property="FocusVisualStyle" Value="{StaticResource CheckRadioFocusVisual}"/>
25                                 <Setter Property="Padding" Value="2,0,0,0"/>
26                             </Trigger>
27                             <Trigger Property="IsEnabled" Value="false">
28                                 <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
29                             </Trigger>
30                             <Trigger Property="IsMouseOver" Value="True">
31                                 <Setter TargetName="cbd" Property="Background">
32                                     <Setter.Value>
33                                         <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
34                                             <GradientStop Color="LightGray" Offset="0.5" />
35                                             <GradientStop Color="Silver" Offset="0.5" />
36                                         </LinearGradientBrush>
37                                     </Setter.Value>
38                                 </Setter>
39                             </Trigger>
40                         </ControlTemplate.Triggers>
41                     </ControlTemplate>
42                 </Setter.Value>
43             </Setter>
44         </Style>