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的模版属性。

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

控件默认的颜色设置是通过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/ ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请 与我联系