.NET MAUI：如何根据模型对象控制IsVisible属性

我有一个模型，其中包含名为visitor的可观察属性（该对象拥有bool类型的valid属性）。程序启动时visitor属性为null，后续会根据条件实例化该对象并为valid属性赋值true或false。对应的XAML文件中有以下两个布局：

<StackLayout 
    x:Name="AllowedMessage"
    Orientation="Horizontal"
    HorizontalOptions="FillAndExpand"
    VerticalOptions="End"
    IsVisible="{Binding Visitor.valid}">
    ....
</StackLayout>
<StackLayout 
    x:Name="DeniedMessage"
    Orientation="Horizontal"
    HorizontalOptions="FillAndExpand"
    VerticalOptions="End"
    IsVisible="{Binding Visitor.valid, Converter={StaticResource InvertedBoolConverter}}">
    ...
</StackLayout>

期望实现的行为：

• 应用启动时，两个布局均隐藏（visitor为null）
• 当visitor实例化且valid为true时，显示第一个布局
• 当visitor实例化且valid为false时，显示第二个布局

要实现需求，需从属性变更通知、空值绑定处理、转换器逻辑优化三个维度调整，具体步骤如下：

1. 确保属性变更通知正常触发 #

视图模型中的Visitor属性必须实现INotifyPropertyChanged接口，当Visitor从null被实例化赋值时，要触发属性变更通知，让UI感知到属性变化。同时Visitor对象自身的Valid属性也要实现相同接口，保证值变更时UI能同步更新。示例代码：

// 视图模型中的Visitor属性
private VisitorModel _visitor;
public VisitorModel Visitor
{
    get => _visitor;
    set
    {
        if (_visitor != value)
        {
            _visitor = value;
            OnPropertyChanged(nameof(Visitor));
        }
    }
}

// VisitorModel类定义
public class VisitorModel : INotifyPropertyChanged
{
    private bool _valid;
    public bool Valid
    {
        get => _valid;
        set
        {
            if (_valid != value)
            {
                _valid = value;
                OnPropertyChanged(nameof(Valid));
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 优化绑定逻辑，处理空值场景 #

原绑定在Visitor为null时，Visitor.valid会返回null，而IsVisible需要明确的bool值，此时需通过TargetNullValue指定空值对应的显示状态为false（隐藏）。修改后的XAML绑定：

<!-- 允许访问的布局 -->
<StackLayout 
    x:Name="AllowedMessage"
    Orientation="Horizontal"
    HorizontalOptions="FillAndExpand"
    VerticalOptions="End"
    IsVisible="{Binding Visitor.Valid, TargetNullValue=False}">
    ....
</StackLayout>

<!-- 拒绝访问的布局 -->
<StackLayout 
    x:Name="DeniedMessage"
    Orientation="Horizontal"
    HorizontalOptions="FillAndExpand"
    VerticalOptions="End"
    IsVisible="{Binding Visitor.Valid, Converter={StaticResource InvertedBoolConverter}, TargetNullValue=False}">
    ...
</StackLayout>

3. 完善转换器的空值处理 #

如果你的InvertedBoolConverter未处理null输入，需补充逻辑避免转换出错，确保空值时返回false（隐藏布局）。示例转换器代码：

public class InvertedBoolConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is null)
            return false;
        
        return !(bool)value;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is null)
            return false;
        
        return !(bool)value;
    }
}

逻辑验证 #

• 启动时Visitor为null，两个布局通过TargetNullValue设为false，均隐藏，符合需求。
• 当Visitor实例化并设置Valid=true时，AllowedMessage的IsVisible变为true显示，DeniedMessage经转换器转为false隐藏。
• 当Visitor的Valid=false时，AllowedMessage隐藏，DeniedMessage经转换器转为true显示。

内容的提问来源于stack exchange，提问作者jstuardo