WPF如何使用触发器

来源:转载


触发器

一、属性触发器

1.WPF如何实现下面的功能

2.下面就是利用属性触发器实现(如果不懂可以看看《WPF高级编程》这本书)

 <!--给编辑资料添加属性触发器,字体颜色变色,提醒用户可以点击--> <Style x:Key="styPropert" TargetType="{x:Type CheckBox}">                <Style.Triggers>            <Trigger Property="IsMouseOver" Value="true">                <Setter Property="BorderBrush" Value="Yellow"></Setter>            </Trigger>        </Style.Triggers>    </Style>
3.如果针对一个这种情况你可能会使用MouseEnter和MouseLeave两个事件,但是如果这种情况多的话,差不多相同的重复写,还有你可以多个Label共同作用这两个事件,这样也确实变的简单了,但是你利用属性触发器代码变得就会变得更清晰和更优美

//利用这两个事件实现上图简单的功能 private void label1_MouseEnter(object sender, MouseEventArgs e) { label1.Foreground = Brushes.Blue; //将鼠标指针变成手的形状 label1.Cursor = Cursors.Hand; } private void label1_MouseLeave(object sender, MouseEventArgs e) { label1.Foreground = Brushes.Black; }

二、多触发器


1.我现在做一个简单的关键字变色(只是为了演示多触发器),本来是应该需要正则表达式来完成



对于这种功能的实现你完全可以使用一个事件来写,但是今天只是想说说触发器如何使用


 <Window.Resources> <Style x:Key="styColor" TargetType="{x:Type ComboBox}"> <Style.Triggers> <MultiTrigger> <MultiTrigger.Conditions> <!--被选择,并且内容为是整个字体变颜色--> <Condition Property="SelectedIndex" Value="0"></Condition> <Condition Property="Text" Value="WPF"></Condition> </MultiTrigger.Conditions> <!--满足上面两个条件,就可以触发这个属性--> <MultiTrigger.Setters> <Setter Property="Foreground" Value="Red"></Setter> </MultiTrigger.Setters> </MultiTrigger> </Style.Triggers> </Style> </Window.Resources>

2.这个是comboBox的代码和绑定,这个很简单

 <ComboBox Height="23" HorizontalAlignment="Left" Margin="73,96,0,0" Name="comboBox1" VerticalAlignment="Top" Width="120" Style="{StaticResource styColor}" SelectedIndex="0"> <ComboBoxItem>PHP</ComboBoxItem> <ComboBoxItem >WPF</ComboBoxItem> <ComboBoxItem>Python</ComboBoxItem> </ComboBox>
三.数据触发器

1.这个我要说的是,如何后台类的一个属性绑定到前台,来触发属性

目的是:现在我点击按钮更改类中的一个属性值 ,而这个属性值(Text="Hello World")刚好触发了数据触发器,触发后更改label的字体颜体


<Window.Resources> <Style x:Key="styData" TargetType="{x:Type Label}"> <Style.Triggers> <DataTrigger Binding="{Binding Path=Text}" Value="Hello World"> <!--如果后台类的属性Text等于Hello World时,就会触发属性,将字体颜色改变红色--> <Setter Property="Foreground" Value="Red"></Setter> </DataTrigger> </Style.Triggers> </Style> </Window.Resources>
2.控件资源绑定

<Grid Background="Bisque"> <Label Content="name:lbl" Height="37" HorizontalAlignment="Left" Margin="224,110,0,0" Name="lbl" VerticalAlignment="Top" Width="auto" Style="{StaticResource styData}" /> <Button Content="输出,Hello world" Height="auto" HorizontalAlignment="Left" Margin="224,204,0,0" Name="btnPrint" VerticalAlignment="Top" Width="auto" Click="btnPrint_Click" /> </Grid>

3.下来就是后台的代码实现,并且还有一个重要细节

如何想实现,还要对label的一个的DataContext赋值,而这个值必须是该属性的所在类的实例(我这是是this)

 private void btnPrint_Click(object sender, RoutedEventArgs e) { //如何单击按钮.给属性赋值,这个就会触发前台的数据触发器 Text = "Hello World"; lbl.DataContext = this; } string _text; //前台绑定该属性 public string Text { get { return _text; } set { _text = value; } }




分享给朋友:
您可能感兴趣的文章:
随机阅读: