Xamarin.Forms中XAML页面值绑定失效问题求助

核心原因 #

你的UI绑定失效本质是BindingContext被重复覆盖：

• XAML中设置了BindingContext为PowerViewModel，但在ItemDetailPage的构造函数里，先赋值PowerViewModel后又替换成了ItemDetailViewModel。由于代码逻辑的执行顺序在XAML加载之后（或后赋值操作会覆盖前序设置），最终页面实际生效的BindingContext是ItemDetailViewModel，而非你期望的PowerViewModel，导致Label绑定的Power属性找不到对应数据源，始终为空。

修复方案 #

根据需求可选两种处理方式：

• 方式一：合并视图模型
  如果ItemDetailPage需要同时使用两个视图模型的功能，可将PowerViewModel作为ItemDetailViewModel的属性，通过路径绑定访问：

  1. 在ItemDetailViewModel中添加属性：

     public PowerViewModel PowerVM { get; set; } = new PowerViewModel();
     

  2. 构造函数中仅设置BindingContext = new ItemDetailViewModel();
  3. XAML中Label绑定改为：

     <Label Text="{Binding PowerVM.Power}" />
     

• 方式二：保留独立视图模型，避免覆盖
  若不需要ItemDetailViewModel，直接删除构造函数中替换BindingContext的代码，确保页面始终使用PowerViewModel；若必须保留两个模型，可为Label单独指定BindingContext：

  <Label>
      <Label.BindingContext>
          <local:PowerViewModel />
      </Label.BindingContext>
      <Label.Text>
          <Binding Path="Power" />
      </Label.Text>
  </Label>
  

额外验证点 #

确认PowerViewModel的Power属性赋值时正确触发了PropertyChanged事件，比如属性setter要调用OnPropertyChanged(nameof(Power))，确保变更通知能传递到UI。

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