欢迎光临
我们一直在努力

WPF学习笔记(二):初学者避坑实录

使用 KeyBinding 实现文本框回车提交

文本框的回车提交是一个很常见的需求:在一个复杂的筛选页面上,用户希望在输入框输入文字后直接回车即可触发查询,而不是非得点击一下搜索按钮。假设需要在用户输入回车时触发 TestCommand 命令,则对应的实现代码如下:

<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>

赞(1) 打赏
未经允许不得转载:码农很忙 » WPF学习笔记(二):初学者避坑实录

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

给作者买杯咖啡

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏