<TextBox>
<TextBox.InputBindings>
<KeyBinding Command="{Binding TestCommand}" Key="Return"></KeyBinding>
</TextBox.InputBindings>
</TextBox>
属性优先级问题导致的 DataTrigger 不生效
这是一个新手特别容易犯的一个错误。
在下面的代码中我希望实现的效果是:一个文本框,如果用户未输入任何内容则展示边框,一旦用户有输入,则将边框隐藏。
<TextBox BorderThickness="0" x:Name="TestTextBox">
<TextBox.Style>
<Style TargetType="TextBox">
<Style.Triggers>
<DataTrigger Binding="{Binding Text.Length,ElementName=TestTextBox}" Value="0">
<Setter Property="BorderThickness" Value="1" />
</DataTrigger>
</Style.Triggers>
</Style>
</TextBox.Style>
</TextBox>
但程序运行后结果并不符合预期:边框一直没有出现。
这个问题的出现是因为 BorderThickness 被直接定义在了有更高优先级的 TextBox 标签上,该操作覆盖了 DataTrigger 的行为。
问题的解决方式也很简单:将 BorderThickness 的设置移入 Style 标签即可。
<TextBox x:Name="TestTextBox">
<TextBox.Style>
<Style TargetType="TextBox">
<Setter Property="BorderThickness" Value="0" />
<Style.Triggers>
<DataTrigger Binding="{Binding Text.Length,ElementName=TestTextBox}" Value="0">
<Setter Property="BorderThickness" Value="1" />
</DataTrigger>
</Style.Triggers>
</Style>
</TextBox.Style>
</TextBox>
图片源为空时展示默认图片
列表中展示缩略图也是很常见的需求。在信息管理系统中,不能保证所有信息都包含缩略图。在没有包含特定缩略图时,需要展示默认缩略图。
<Image>
<Image.Source>
<Binding Path="ImageUri" >
<Binding.TargetNullValue>
<ImageSource>/Assets/PlaceHolder.png</ImageSource>
</Binding.TargetNullValue>
</Binding>
</Image.Source>
</Image>