WPF有段时间没有做界面了，温故而知新，重新复习下模版相关知识。这里只以ToggleButton的模版举例！

代码不清真不重要，本博客主要是想演示下，如何修改Button在鼠标移入或者按下时的样式。
直接看代码：

<Style x:Key="ToggleButtonStyle" TargetType="ToggleButton">
                <Style.Setters>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate>
                                <Border Background="{TemplateBinding Property=Background }" BorderBrush="Transparent">
                                    <Image Source="{Binding RelativeSource={RelativeSource AncestorType=UserControl}, Path=CurrentIcon}"/>
                                </Border>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                    <Setter Property="Background" Value="Transparent"/>
                </Style.Setters>
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="Transparent"/>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="True">
                        <Setter Property="Background" Value="Transparent"/>
                    </Trigger>
                </Style.Triggers>
            </Style>

代码其实很简单，我们给ToggleButton定义了一个Style样式，重写了Template的模版属性。

这里我们重点看下Border的Background属性中，我们是使用TemplateBinding。这样我们在后面的Style.Triggers中，才可以修改IsMouseOver和IsPressed触发器中设置的背景颜色。

控件默认的颜色设置是通过VisualStateManager来修改的，如果我们不使用TemplateBinding来绑定Background的话，我们就无法修改到原有的依赖项属性值，从而导致我们的修改无效。

本文会经常更新，请阅读原文： https://huchengv5.gitee.io//post/%E5%A6%82%E4%BD%95%E6%9B%BF%E6%8D%A2ToggleButton%E7%9A%84%E9%BB%98%E8%AE%A4%E9%BC%A0%E6%A0%87%E7%A7%BB%E5%85%A5%E6%88%96%E8%80%85%E6%8C%89%E4%B8%8B%E6%A0%B7%E5%BC%8F.html ，以避免陈旧错误知识的误导，同时有更好的阅读体验。

知识共享许可协议 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布，但务必保留文章署名胡承（包含链接： https://huchengv5.gitee.io/ ），不得用于商业目的，基于本文修改后的作品务必以相同的许可发布。如有任何疑问，请 与我联系 。

相关文章