触发器使用巧点

属性触发器中的属性值,在使用数据触发器中,都有一个与之对应的数据值。

<Border Width="220" Height="40" CornerRadius="5">
	<Grid>
		<Grid.ColumnDefinitions>
			<ColumnDefinition />
			<ColumnDefinition Width="Auto"/>
		</Grid.ColumnDefinitions>
		<TextBox Grid.Column="0" Style="{StaticResource SearchTextBoxStyle}" x:Name="SearchByTxt" Height="30" Background="Transparent" BorderThickness="0">
		<TextBox>
		<Image Grid.Column="1" x:Name="SearchBy" Stretch="Fill" Width="28" Height="29" HorizontalAlignment="Right" VerticalAlignment="Center"  Margin="5 0 5 0" Source="/Viewer;component/Images/find.png" />
	</Grid>
	<Border.Style>
		<Style TargetType="{x:Type Border}">
			<Setter Property="BorderBrush" Value="{DynamicResource border_color}"/>
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="Background" Value="{StaticResource Backgr_color}"/>
			<Style.Triggers>
				<DataTrigger Binding="{Binding IsFocused,ElementName=SearchByTxt}" Value="true">
					<Setter Property="BorderBrush" Value="Blue"/>
				</DataTrigger>
			</Style.Triggers>
		</Style>                                    
	</Border.Style>
</Border>

这里采用数据触发器,绑定文本输入框SearchByTxt控件的IsFocused,改变边框颜色。

以此记录学习,开发过程中遇到的新知识点。

猜你喜欢

转载自blog.csdn.net/BYH371256/article/details/104859451