潜移默化学会WPF(样式篇)---改造CheckBox，全新metro风格

r囧r小猫 2022-03-27 09:14 275阅读 0赞

<Style TargetType="CheckBox">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="CheckBox">
                            <StackPanel Orientation="Horizontal">
                                <Grid Height="20" Width="20">
                                    <Image x:Name="imageNoChecked" Source="/MPCR.GE.Client.EmployeeManagement;component/Images/ckNoChecked.png" Height="32" Width="32"  Margin="-12" />
                                    <Image x:Name="imageChecked" Source="/MPCR.GE.Client.EmployeeManagement;component/Images/ckChecked.png" Height="32" Width="32" Margin="-12" />
                                </Grid>
                                <Label Content="{TemplateBinding Content}" FontSize="{TemplateBinding FontSize}" Foreground="{TemplateBinding Foreground}" />
                            </StackPanel>
    
                            <ControlTemplate.Triggers >
                                <Trigger Property="IsChecked" Value="True">
                                    <Setter TargetName="imageChecked" Property="Visibility" Value="Visible" />
                                    <Setter TargetName="imageNoChecked" Property="Visibility" Value="Hidden" />
                                </Trigger>
                                <Trigger Property="IsChecked" Value="False">
                                    <Setter TargetName="imageChecked" Property="Visibility" Value="Hidden" />
                                    <Setter TargetName="imageNoChecked" Property="Visibility" Value="Visible" />
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

把图片地址换一下就行了，一个上为选中的样子，一张是选中后的图片

我先给你看看我的图片吧

![2012041909244650.png][]

![2012041909245695.png][]

我就这两张图片，回去试试吧，用法你懂的，不懂得Q我，QQ875556003

[2012041909244650.png]: /images/20220327/6b6934e87eb84e6d9a4c2e48ab40fa8c.png
[2012041909245695.png]: /images/20220327/2392e3cc6d2c443db5e4ad5d90bdd60c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，275人围观）

还没有评论，来说两句吧...

相关阅读

相关 WPF--将CheckBox样式修改为滑动条开关

1、新建资源字典 ![在这里插入图片描述][6b67e662cc3c48bc823f32b828ee09c0.png] 2、资源导入全局中 ![在这里插入图片描述]

矫情吗；*/ 2024年04月06日 12:49/ 0 赞/ 33 阅读

相关 WPF 的CheckBox的一种样式

<Style x:Key="CheckRadioFocusVisual"> <Setter

旧城等待，/ 2022年10月02日 10:41/ 0 赞/ 356 阅读

相关 win8风格（metro）主页的学习

以前造访过一个网站：[http://www.fishc.com/][http_www.fishc.com] 觉得不错。所以，研究了一下。后来发现，是

缺乏、安全感/ 2022年08月07日 02:38/ 0 赞/ 121 阅读

相关自定义CheckBox样式

一般的自定义checkbox样式要改style文件，比较麻烦。可以直接把`button`属性设置为`@null`，然后定义一个`selector`文件，在`background

古城微笑少年丶/ 2022年06月08日 00:08/ 0 赞/ 245 阅读

相关 Checkbox选框样式

drawable文件夹下定义selector\_checkbox.xml样式文件 <?xml version="1.0" encoding="utf-8"?>

电玩女神/ 2022年06月02日 02:40/ 0 赞/ 224 阅读

相关潜移默化学会WPF(样式篇)---改造CheckBox，全新metro风格

<Style TargetType="CheckBox"> <Setter Property="Template">

r囧r小猫/ 2022年03月27日 09:14/ 0 赞/ 276 阅读

相关使用WPF样式

在前一章，我们介绍了样式的概念，我们使用了本地定义样式的一个基础示例，它针对特定类型的控件 - TextBlock。但是，样式可以在几个不同的范围中定义，具体取决于您希望在何

迈不过友情╰/ 2022年01月28日 07:25/ 0 赞/ 280 阅读

相关 android checkbox样式

<table> <tbody> <tr> <td>1. 首先要导入你准备用作CheckBox选中和补选中状态的两图片到res的drawable中，如ch

刺骨的言语ヽ痛彻心扉/ 2021年10月26日 14:42/ 0 赞/ 303 阅读

相关改变checkbox默认样式

.html <div class='checkbox option'> <input type='checkbox' id='checkbox

小鱼儿/ 2021年09月13日 15:58/ 0 赞/ 380 阅读

相关 el-checkbox的使用与样式修改篇

el-checkbox的使用与样式修改篇一、使用 1.1、el-checkbox传值和显示的值不一样使用场景：一般显示的值都是name、或者label，但是传值经

梦里梦外;/ 2021年07月24日 13:49/ 3 赞/ 2180 阅读