如何在XAML中绑定ViewModel列表中由索引属性指定的项？

问题核心 #

MAUI绑定系统不支持直接用属性作为集合的动态索引（如CarDataViewModels[{Binding PlayerIndex}]这类写法无效），且当PlayerIndex或集合内项属性变化时，原生绑定无法自动触发UI更新。以下是两种可行的解决方式：

方案一：新增计算属性（推荐） #

在MainViewModel中添加一个计算属性，直接返回PlayerIndex对应的CarDataViewModel实例，利用ObservableObject的属性变更通知机制自动同步UI。

修改MainViewModel.cs：

public partial class MainViewModel : ObservableObject
{
    [ObservableProperty]
    private byte _playerIndex;

    [ObservableProperty]
    private List<CarDataViewModel> _carDataViewModels;

    // 新增：返回当前PlayerIndex对应的车辆数据
    public CarDataViewModel CurrentCarData => 
        PlayerIndex < CarDataViewModels.Count ? CarDataViewModels[PlayerIndex] : null;

    // 监听PlayerIndex变化，触发CurrentCarData的更新通知
    partial void OnPlayerIndexChanged(byte oldValue, byte newValue)
    {
        OnPropertyChanged(nameof(CurrentCarData));
    }

    // 监听CarDataViewModels集合替换，触发CurrentCarData的更新通知
    partial void OnCarDataViewModelsChanged(List<CarDataViewModel> oldValue, List<CarDataViewModel> newValue)
    {
        OnPropertyChanged(nameof(CurrentCarData));
    }

    public MainViewModel()
    {
        CarDataViewModels = new();
        for (int i = 0; i < 22; i++)
        {
            CarDataViewModels.Add(new CarDataViewModel());
        }
    }
}

XAML绑定代码：

<Label Text="{Binding CurrentCarData.CurrentLapTimeInMS}" />

此方案优势：

• 逻辑简洁，UI绑定直接直观
• 同时支持PlayerIndex变化、集合替换、集合内项属性变化三种场景的UI自动更新

方案二：MultiBinding + 转换器 #

无需修改ViewModel，通过MultiBinding将CarDataViewModels和PlayerIndex作为绑定源，配合自定义转换器获取目标属性值。

步骤1：创建转换器 #

public class CarLapTimeConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        // 校验输入参数合法性
        if (values.Length != 2 || values[0] is not List<CarDataViewModel> carList || values[1] is not byte index)
            return 0;

        // 返回对应索引的圈速值
        return index < carList.Count ? carList[index].CurrentLapTimeInMS : 0;
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

步骤2：XAML中使用MultiBinding #

<!-- 先声明转换器资源 -->
<ContentPage.Resources>
    <local:CarLapTimeConverter x:Key="CarLapTimeConverter" />
</ContentPage.Resources>

<!-- 绑定代码 -->
<Label>
    <Label.Text>
        <MultiBinding Converter="{StaticResource CarLapTimeConverter}">
            <Binding Path="CarDataViewModels" />
            <Binding Path="PlayerIndex" />
        </MultiBinding>
    </Label.Text>
</Label>

注意：此方案仅监听CarDataViewModels集合本身和PlayerIndex的变化，若集合内项的CurrentLapTimeInMS单独更新，UI不会自动同步，需额外处理属性变更通知。

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