为 null 时隐藏 xaml 元素

Question

我们有一个使用 Template10 的 UWP 应用程序。有一个显示折扣的文本块和文本框。我们希望在 ViewModel.Discount 为空时隐藏文本块。

在App.xaml中我们定义了一个转换器

<T10Converters:ValueWhenConverter x:Key="HideWhenNullConverter" When="{x:Null}">
    <T10Converters:ValueWhenConverter.Value>
        <Visibility>Collapsed</Visibility>
    </T10Converters:ValueWhenConverter.Value>
    <T10Converters:ValueWhenConverter.Otherwise>
        <Visibility>Visible</Visibility>
    </T10Converters:ValueWhenConverter.Otherwise>
</T10Converters:ValueWhenConverter>

在View中我们设置了TextBlock的可见性

Visibility="{x:Bind ViewModel.Discount, Converter={StaticResource HideWhenNullConverter}}"

在视图模型中：

public class ViewModel : ViewModelBase
{
    decimal? _Discount = default(decimal?);
    public decimal? Discount
    {
        get
        {
            return _Discount;
        }
        set
        {
            if (value == 0) value = null;
            Set(ref _Discount, value);
        }
    }

然而，即使 ViewModel.Discount 的值为 null，文本块始终可见。当 ViewModel.Discount 为 null

时，我们如何隐藏文本块

Answer 1

正如我在 Template10's source 中尝试过的那样，它应该可以工作。我怀疑您只是缺少 Mode 和 x:Bind 的重新定义，默认情况下是 OneTime。像这样尝试：

Visibility="{x:Bind ViewModel.Discount, Mode=OneWay, Converter={StaticResource HideWhenNullConverter}}"

为 null 时隐藏 xaml 元素

Hide xaml element when null

xaml

uwp

template10