WPF样式------WPF多触发器和多数据触发器

深碍√TFBOYSˉ_ 2022-01-28 07:31 284阅读 0赞

在上一章，我们用触发（trigger）来得到动态样式（dynamic styles）。到目前为止它们都基于单一属性来触发动画。WPF其实也支援多重触发：检测多个属性，在每一个被检测属性的条件被满足后再触发动画。

多重触发可分为两种：即**MultiTrigger**，它与一般Trigger一样，应用于依附属性（dependency property）。另一个则为**MultiDataTrigger**，它可以绑定（binding）于任何属性种类。让我们以一个简单例子来示范如何运用MultiTrigger。

## 多重触发（MultiTrigger） ##

<Window x:Class="WpfTutorialSamples.Styles.StyleMultiTriggerSample"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            Title="StyleMultiTriggerSample" Height="100" Width="250">
        <Grid>
            <TextBox VerticalAlignment="Center" HorizontalAlignment="Center" Text="Hover and focus here" Width="150">
                <TextBox.Style>
                    <Style TargetType="TextBox">
                        <Style.Triggers>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="IsKeyboardFocused" Value="True" />
                                    <Condition Property="IsMouseOver" Value="True" />
                                </MultiTrigger.Conditions>
                                <MultiTrigger.Setters>
                                    <Setter Property="Background" Value="LightGreen" />
                                </MultiTrigger.Setters>
                            </MultiTrigger>
                        </Style.Triggers>
                    </Style>
                </TextBox.Style>
            </TextBox>
        </Grid>
    </Window>

![multitrigger.png][]

在这个例子，我们利用触发来让TextBox在同时拥有键盘焦点和鼠标移至其上时改变其背景颜色，如截图所示。这个触发需要满足两个条件，但我们可以应需求轻易地再增加更多条件。在Setters部分，我们设定当所有条件被满足后数值需要做出变动的属性：背景颜色。

## 多重数据触发（MultiDataTrigger） ##

正如一般的DataTrigger，MultiDataTrigger也很酷，因为它利用绑定来检测一个属性。这意味着您可以利用所有很酷的WPF绑定技巧，当中包括绑定其他控件的属性等等。让我来示范这有多么的容易：

<Window x:Class="WpfTutorialSamples.Styles.StyleMultiDataTriggerSample"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            Title="StyleMultiDataTriggerSample" Height="150" Width="200">
        <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
            <CheckBox Name="cbSampleYes" Content="Yes" />
            <CheckBox Name="cbSampleSure" Content="I'm sure" />
            <TextBlock HorizontalAlignment="Center" Margin="0,20,0,0" FontSize="28">
                <TextBlock.Style>
                    <Style TargetType="TextBlock">
                        <Setter Property="Text" Value="Unverified" />
                        <Setter Property="Foreground" Value="Red" />
                        <Style.Triggers>
                            <MultiDataTrigger>
                                <MultiDataTrigger.Conditions>
                                    <Condition Binding="{Binding ElementName=cbSampleYes, Path=IsChecked}" Value="True" />
                                    <Condition Binding="{Binding ElementName=cbSampleSure, Path=IsChecked}" Value="True" />
                                </MultiDataTrigger.Conditions>
                                <Setter Property="Text" Value="Verified" />
                                <Setter Property="Foreground" Value="Green" />
                            </MultiDataTrigger>
                        </Style.Triggers>
                    </Style>
                </TextBlock.Style>
            </TextBlock>
        </StackPanel>
    </Window>

![multidatatrigger_unverified.png][]![multidatatrigger.png][]

在这个例子，我复用先前DataTrigger的例子。不过与其只是绑定一个属性，我绑定两个控件里同样的属性（IsChecked）。这让我们可以在两个复选框（CheckBox）被选定后才触动相关的样式 - 如果任何一个复选框的选定被移除，默认的样式则会被应用。

## 小结 ##

正您所见，多重触发就如一般的触发一样容易使用。尤其是在您开发自己的控件时，它们可以是异常的有用处。

转载：[WPF Tutorial][]

[multitrigger.png]: /images/20220128/74265e6662cf423d91dc919bb9b25f11.png
[multidatatrigger_unverified.png]: https://www.wpf-tutorial.com/Images/ArticleImages/1/chapters/styles/multidatatrigger_unverified.png
[multidatatrigger.png]: /images/20220128/8c2a593824a94a36be9d3b0151a54d56.png
[WPF Tutorial]: https://www.wpf-tutorial.com/

发表评论取消回复

表情：

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

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

相关阅读

相关 WPF 实现多语言

1、编写Chinese.xml，English.xml文件 2.、在项目的App.xml文件中 <Application.Resources>

「爱情、让人受尽委屈。」/ 2024年01月08日 13:19/ 0 赞/ 49 阅读

相关 WPF触发器

本文来自 [http://www.cnblogs.com/jax/archive/2008/04/04/1137255.html][http_www.cnblogs.com_j

我就是我/ 2022年08月18日 11:41/ 0 赞/ 195 阅读

相关 WPF样式（Style）入门

前言 WPF相较于以前学的WinForm，WPF在UI设计与动画方面的炫丽是最吸引我来学习的。在WPF中XMAL代码的引入使得代码的编写能够前后端分离，为获得更好的界面，

蔚落/ 2022年06月07日 07:13/ 0 赞/ 373 阅读

相关 WPF样式-------触发器动画

与以往的框架如WinForms相比，WPF最大的优势之一就是可以更为轻松地处理动画（animation）。与以往框架中在两个静态值之间来回切换的处理方式不同，WPF直接使用触发

Bertha 。/ 2022年01月28日 07:31/ 0 赞/ 430 阅读

相关 WPF样式------WPF多触发器和多数据触发器

在上一章，我们用触发（trigger）来得到动态样式（dynamic styles）。到目前为止它们都基于单一属性来触发动画。WPF其实也支援多重触发：检测多个属性，在每一个被

深碍√TFBOYSˉ_/ 2022年01月28日 07:31/ 0 赞/ 285 阅读

相关 WPF 样式 -------- 触发器数据触发器和事件触发器

到目前为止，我们通过为特定属性设置静态值来处理样式。但是使用触发器，一旦某个条件发生更改，您就可以更改给定属性的值。触发器有多种形式：属性触发器，事件触发器和数据触发器。

旧城等待，/ 2022年01月28日 07:27/ 0 赞/ 357 阅读

相关使用WPF样式

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

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

相关 WPF之触发器

简单触发器 <Window x:Class="WpfApp.Window1" xmlns="http://schemas.microso

约定不等于承诺〃/ 2021年12月11日 12:25/ 0 赞/ 345 阅读

相关 WPF学习（9）样式和行为

在asp.net世界中，我们的美工人员会为我们准备好静态页面，它注意包括三个部分：html、css和js。而在WPF世界里，也同样有着类似这三个部分的静态页面：Xaml、Sty

╰+哭是因爲堅強的太久メ/ 2021年11月26日 07:40/ 0 赞/ 282 阅读

相关 WPF样式的使用

1、样式的定义样式的元素名称为Style，通过TargetType来声明作用的目标的类型，通过Setter来声明作用目标的属性，一个Style中可以添加多个Setter，在

女爷i/ 2021年09月10日 22:12/ 0 赞/ 457 阅读