Xamarin Forms Picker绑定异常：异步加载ItemSource后SelectedItem未选中指定项

我来帮你捋清楚这个问题的根源，然后给你几个实用的修复方案：

问题本质分析 #

你遇到的核心问题是异步数据加载的时机与UI绑定的时机不匹配：

• 当页面初始化时，ViewModel构造函数里直接执行了GetCategoriesCommand.Execute(null)，但这是异步操作，ExerciseCategories的实际赋值会在UI绑定完成之后才触发；
• 如果是通过带Exercise ex参数的构造函数初始化，你先设置了Exercise = ex，此时ExerciseCategories还是空集合，Picker的ItemsSource没有数据；
• 等后续ExerciseCategories加载完成后，Picker会更新选项，但Xamarin.Forms不会自动重新匹配已有的SelectedItem——因为最初绑定SelectedItem时ItemsSource是空的，后续ItemsSource的更新不会触发SelectedItem的自动同步。

另外还有一个潜在细节：你传入的ex.Category可能和API加载的ExerciseCategories中的对象不是同一个实例，即使重写了Equals方法，Picker的匹配逻辑有时会优先依赖引用相等，这也会导致选中失效。

修复方案 #

方案1：重构ViewModel初始化逻辑，确保数据加载完成后同步SelectedItem #

我们需要避免在构造函数中直接执行异步操作（构造函数无法await，执行顺序不可控），改用异步初始化方法，在分类数据加载完成后，主动匹配并更新SelectedItem：

修改ViewModel代码：

public class ExerciseViewModel:BaseViewModel {
    private ApiServices apiService = new ApiServices();
    private Exercise exercise;
    public Exercise Exercise { get => exercise; set { exercise = value; OnPropertyChanged(); } }
    private List<ExerciseCategory> exerciseCategories = new List<ExerciseCategory>();
    public List<ExerciseCategory> ExerciseCategories { get => exerciseCategories; set { exerciseCategories = value; OnPropertyChanged(); } }

    // 空构造函数：用于新建Exercise
    public ExerciseViewModel() {}

    // 带参数构造函数：用于编辑已有Exercise
    public ExerciseViewModel(Exercise ex) {
        Exercise = ex;
    }

    // 异步初始化方法：统一处理数据加载和SelectedItem同步
    public async Task InitializeAsync() {
        // 先加载分类数据
        ExerciseCategories = await apiService.GetExerciseCategories();
        
        if (Exercise != null) {
            // 编辑模式：从加载的分类中找到匹配的对象（用你重写的Equals逻辑）
            var matchedCategory = ExerciseCategories.FirstOrDefault(c => c.Equals(Exercise.Category));
            if (matchedCategory != null) {
                // 替换为ItemsSource中的实例，确保引用匹配，同时触发绑定更新
                Exercise.Category = matchedCategory;
            }
        } else {
            // 新建模式：设置默认分类
            Exercise = new Exercise() { Name = "Neue Übung", Category = ExerciseCategories.FirstOrDefault() };
        }
    }

    public ICommand GetCategoriesCommand {
        get { return new Command(async () => await InitializeAsync()); }
    }

    public ICommand AddExerciseCommand {
        get { return new Command(async () => { Exercise.Id = await apiService.AddExercise(Exercise); }); }
    }
}

然后修改页面后台代码，在UI初始化完成后调用异步初始化方法：

[XamlCompilation(XamlCompilationOptions.Compile)]
public partial class NewExercisePage : ContentPage {
    public NewExercisePage(ExerciseViewModel viewModel, bool controlsLocked = false) {
        try {
            InitializeComponent(); // 先完成UI初始化
            this.BindingContext = viewModel;
            // 调用ViewModel的异步初始化逻辑
            _ = viewModel.InitializeAsync();
        } catch(Exception ex) {
            Console.WriteLine(ex.Message);
        }
    }

    // 其他代码保持不变...
}

方案2：显式声明Picker的双向绑定（可选补充） #

如果还是存在绑定失效的情况，可以在XAML中显式指定SelectedItem的双向绑定模式（默认就是TwoWay，但显式声明更保险）：

<Picker x:Name="CategoryPicker" 
        ItemsSource="{Binding ExerciseCategories}" 
        ItemDisplayBinding="{Binding Name}" 
        SelectedItem="{Binding Exercise.Category, Mode=TwoWay}" 
        Grid.Column="1" Grid.Row="0"/>

额外优化建议 #

• 避免在构造函数中执行异步操作：构造函数是同步的，直接调用异步命令会导致“fire and forget”，无法控制执行顺序，改用异步初始化方法是更规范的做法；
• 可以添加IsLoading属性，在UI上显示加载指示器，提升用户体验；
• 确认你的BaseViewModel正确实现了INotifyPropertyChanged接口，确保OnPropertyChanged方法能正确触发绑定更新。

这样修改后，当分类数据加载完成时，ViewModel会自动匹配并更新Exercise.Category，触发绑定通知，Picker就能自动选中对应的选项了。

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