WPF - Triggers

使用control自由的property作为trigger

View Code

<ToggleButton Width="30" Height="30">
<ToggleButton.Style>
<Style TargetType="ToggleButton">
<Style.Triggers>
<Trigger Property="IsChecked" Value="true">
<Setter Property="Content">
<Setter.Value>
<Border BorderThickness="1" BorderBrush="Blue">
<Image Source="LimitChecked.ico"/>
</Border>
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="IsChecked" Value="false">
<Setter Property="Content">
<Setter.Value>
<Image Source="LimitUnChecked.ico"/>
</Setter.Value>
</Setter>
</Trigger>
</Style.Triggers>
</Style>
</ToggleButton.Style>
</ToggleButton>

-

使用其他control的property作为trigger

View Code

<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">

<CheckBox x:Name="theCB" Content="Enable the TextBox"/>

<TextBox><!--can NOT set 'IsEnabled' property in this line anymore, that will overwrite the style-->
<TextBox.Style>
<Style TargetType="TextBox">
<Style.Triggers>
<DataTrigger Binding="{Binding ElementName=theCB, Path=IsChecked}" Value="True">
<Setter Property="IsEnabled" Value="True"/>
</DataTrigger>
<DataTrigger Binding="{Binding ElementName=theCB, Path=IsChecked}" Value="False">
<Setter Property="IsEnabled" Value="False"/>
</DataTrigger>
</Style.Triggers>
</Style>
</TextBox.Style>
</TextBox>

</StackPanel>

-

使用ViewModel中的property作为trigger

View Code

<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">

<CheckBox IsChecked="{Binding IsRed}" Content="IsRed"/>

<TextBlock>
<TextBlock.Style>
<Style><!--is not specify target type-->
<Style.Triggers>
<DataTrigger Binding="{Binding Path=IsRed}" Value="True">
<Setter Property="TextBlock.Background" Value="Red"/><!--then, need prefixed with 'TextBlocl.' which is the target type-->
</DataTrigger>
<DataTrigger Binding="{Binding Path=IsRed}" Value="False">
<Setter Property="TextBlock.Background" Value="Black"/>
</DataTrigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>
</StackPanel>

-

tbd...

转载于:https://www.cnblogs.com/yapzhang/archive/2010/09/01/1814519.html