.NET MAUI中Label的IsVisible绑定失效问题求助

我尝试用MVVM方式隐藏Label，已经在模型中使用Community Toolkit创建了布尔类型的CanModify属性，但绑定后完全没效果，IsVisible似乎始终为true，希望通过绑定而非后台代码解决这个问题。

模型代码 #

public partial class Service : BaseModel // 继承自ObservableObject
{
    public Service():base()
    {
    }

    public ObservableCollection<ServiceImage> Images = new ObservableCollection<ServiceImage>();

    [ObservableProperty]
    private int _id;

    [ObservableProperty]
    private string _description;

    [ObservableProperty]
    private bool _canModify;  // 目标属性
}

视图模型代码 #

public partial class ServiceViewModel : BaseViewModel
{
    [ObservableProperty]
    private Service? _service;
    
    public void SetService(Service service)
    {
        _service = service;
    }

    public ServiceViewModel():base()
    {
        
    }
    // 其他命令等代码
}

测试代码（页面后台） #

ServiceViewModel serviceVM = new();
Service s = ConnectionClient.Client.GetService(value["serviceid"]); // 正常从REST接口获取数据
s.CanModify = true;
serviceVM.SetService(s);
this.BindingContext = serviceVM;

页面XAML代码 #

<ContentPage.BindingContext>
    <viewmodels:ServiceViewModel x:Name="ViewModel"/>
</ContentPage.BindingContext>

<!-- 其他内容 -->

<CollectionView ItemsSource="{Binding Service.Images}">
    <CollectionView.ItemsLayout>
        <GridItemsLayout Orientation="Vertical" Span="2" VerticalItemSpacing="5"/>
    </CollectionView.ItemsLayout>
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <Grid>
                <!-- 其他内容 -->
                <Entry Grid.Column="0" Grid.Row="2" Grid.ColumnSpan="3" Text="{Binding Source={x:Reference ViewModel},Path=Description}" TextColor="White" /> <!-- 这个绑定正常工作 -->

                <Label Grid.Row="3" Grid.Column="1" 
                      Text="&#xf044;"
                      FontFamily="fontawesome"
                      TextColor="White"
                      FontSize="20"
                      HorizontalOptions="Center"
                      IsVisible="{Binding Source={x:Reference ViewModel},Path=CanModify}" <!-- 这个绑定失效 -->
                      VerticalOptions="Center" >
                </Label>
                <!-- 其他内容 -->

备注 #

• 使用SfTabbedView
• 因为处于CollectionView中，所以需要引用主绑定上下文
• IsVisible似乎始终为true
• 模型、视图模型和页面已通过AddTransient注册
• 使用Visual Studio 2022中的.NET 8.0（近期更新）

解决方案 #

1. 修正绑定路径 #

问题核心在于绑定路径错误：CanModify是ViewModel中Service对象的属性，而非ViewModel自身的属性，所以绑定路径应该写成Service.CanModify。

修改后的Label代码：

<Label Grid.Row="3" Grid.Column="1" 
      Text="&#xf044;"
      FontFamily="fontawesome"
      TextColor="White"
      FontSize="20"
      HorizontalOptions="Center"
      IsVisible="{Binding Source={x:Reference ViewModel},Path=Service.CanModify}"
      VerticalOptions="Center" >
</Label>

2. 避免ViewModel实例冲突 #

你在XAML中已经定义了ViewModel实例，又在后台代码中new了一个新的ServiceViewModel，这会导致两个不同的实例——绑定的是XAML里的空实例，而你赋值的是后台new的实例。解决方法二选一：

• 去掉后台代码中new ServiceViewModel()的逻辑，直接使用XAML里的实例：

  Service s = ConnectionClient.Client.GetService(value["serviceid"]);
  s.CanModify = true;
  ViewModel.SetService(s);
  // 注释掉 this.BindingContext = serviceVM; 因为XAML已经设置了BindingContext
  

• 去掉XAML中的<ContentPage.BindingContext>定义，完全由后台代码设置绑定上下文：

  <!-- 移除这段 -->
  <!-- <ContentPage.BindingContext>
      <viewmodels:ServiceViewModel x:Name="ViewModel"/>
  </ContentPage.BindingContext> -->
  

3. 额外检查项 #

• 确保Service属性不为null：如果Service是null，绑定会失效，可以在ViewModel的构造函数中初始化一个空的Service对象，或者在赋值后确认实例存在。
• 确认属性通知正常：因为使用了Community Toolkit的[ObservableProperty]，自动生成的属性会触发INotifyPropertyChanged，所以只要正确赋值，变更会通知到UI。

内容的提问来源于stack exchange，提问作者Denis De Pauli