.NET Maui MVVM Picker 绑定 SelectedIndexChanged 事件

Question

我正在使用 MVVM 开发带有 .NET Maui 的 Windows 桌面应用程序。

我有 2 个选择ImageSource Pickers SelectedIndex绑定到视图模型中的属性。 当从第一个Picker中选择一个项目时，另一个中的项目需要更改。 我想将SelectedIndexChanged事件绑定到视图模型中的方法以完成此操作。

选择器Picker中事件的 XAML 如下所示：

<Picker SelectedIndexChanged="{Binding OnSelectedIndexChanged}" />

视图模型中的方法如下所示：

public void OnSelectedIndexChanged(object sender, EventArgs e)
{
    // do stuff
}

但是在运行程序时出现以下错误：

XFC0009 找不到“SelectedIndexChanged”的属性、BindableProperty 或事件，或者值和属性之间的类型不匹配。 MauiApp1

我的临时解决方案是在事件触发时从后面的代码中调用 viewmodel 方法。 后面的代码如下所示：

private void Picker_SelectedIndexChanged(object sender, EventArgs e)
{
    (BindingContext as MainViewModel).OnSelectedIndexChanged(sender, e);
}

我想让代码尽可能地愚蠢。 有没有办法通过直接绑定到视图模型中的方法来处理SelectedIndexChanged事件？

更新尝试实现partial void On<PropertyName>Changed()

我的视图模型：

public partial class MainViewModel : ObservableObject
{
    [ObservableProperty]
    private ObservableCollection<ProductGroupRoot> itemSourceProductGroups = new();

    [ObservableProperty]
    private int selectedProductGroup = -1;

    [ObservableProperty]
    private ObservableCollection<ProductRoot> itemSourceProducts = new();

    [ObservableProperty]
    private int selectedProduct = -1;
    
    // other properties

    partial void OnSelectedProductGroupChanged(int value)
    {
        // TODO: change values in ItemSourceProducts
    }        
}

自动生成的代码应该已经为部分方法创建了一个定义，但我得到了错误：

CS0759 未找到用于实现分部方法“MainViewModel.OnSelectedProductGroupChanged(int)”声明的定义声明

我正在使用 CommunityToolkit.Mvvm v7.1.2（最新稳定版）。

更新 2发布工作代码。

我的 csproj 文件：

<Project>
    <ItemGroup>
        <PackageReference Include="CommunityToolkit.Mvvm" Version="8.0.0-preview4" />
    </ItemGroup>
</Project>

我的选择器：

<Picker ItemsSource="{Binding ProductGroups, Mode=TwoWay}" 
        SelectedIndex="{Binding ProductGroupsIndex, Mode=TwoWay}" />

我的视图模型：

[ObservableProperty]
private ObservableCollection<ProductGroupRoot> productGroups = new();

[ObservableProperty]
private int productGroupsIndex = -1;

partial void OnProductGroupsIndexChanged(int value) {}

Answer 1

当绑定到SelectedIndex的属性发生变化时，您可以简单地更改第二个选择器项目。

由于您使用的是 MVVM CommunityToolkit，要在属性更改后执行一些代码，您必须实现在自动生成的 class 中定义的部分方法。此方法称为On<YourPropertyName>Changed() 。

请注意，此功能仅在 8.0.0 版本后可用。

检查这个答案： https://stackoverflow.com/a/72499605/7977288