How to save SelectedIndex in Picker (MAUI)

在跨平台应用开发中，.NET MAUI作为微软力推的下一代框架，正吸引着越来越多的开发者。然而，近期一个关于Picker控件的小问题在开发者社区引发热议：当页面跳转或数据重新绑定时，SelectedIndex属性为何会“自动丢失”？ 如何真正实现选中状态的持久化保存？本文为您深度解析这一技术痛点及最新应对策略。

问题背景：看似简单的“选中态”为何难以保留？

Picker（选择器）是MAUI中最常用的输入控件之一，开发者通常通过ItemsSource绑定数据源，并利用SelectedIndex或SelectedItem获取用户选择。然而，不少开发者在实际项目中反馈：当页面通过Navigation.PushAsync跳转后再返回，或者ViewModel重新初始化时，Picker的选中状态往往会重置为默认值（通常是 -1或第一个选项）。这并非Bug，而是数据绑定生命周期与控件状态管理不匹配导致的常见陷阱。

以电商应用为例，用户在商品筛选页面通过Picker选择“价格排序”后，进入商品列表页并返回到筛选页，却发现Picker又回到了“请选择”状态——这种体验显然无法通过产品验收。那么，问题的根源究竟在哪？

核心矛盾：数据绑定与控件状态的不同步

MAUI的Picker本质上是一个“一次性绑定”控件——当ItemsSource发生变化时，内部会重置SelectedIndex。而多数开发者习惯于在ViewModel的构造方法中加载数据源，此时若Picker尚未完成初始化，绑定值的写入顺序就会出错。此外，页面导航时如果ViewModel被重新创建（例如使用DI每次都new实例），之前保存的选择状态自然不复存在。

微软官方文档虽然提到了SelectedIndex的绑定方式，但并未就生命周期内的持久化给出明确指导。这也促使社区开始探索更可靠的方案。

三大主流解决方案详解

方案一：显式绑定 + 延迟赋值（适合简单场景）

最直接的做法是确保ItemsSource在SelectedIndex之前完成绑定。在XAML中，可以通过Behaviors或代码后台的Loaded事件来延迟设置SelectedIndex。例如：

picker.ItemsSource = ViewModel.Options;
picker.SelectedIndex = ViewModel.SavedIndex; // 在ItemsSource赋值后设置

但此方案仅在页面不重建时有效，一旦ViewModel被回收，保存的索引值仍需通过持久化手段（如Preference、数据库）传递。

方案二：利用Preference或数据库持久化（推荐生产环境）

对于需要跨页面或跨会话保存的场景，可直接在SelectedIndexChanged事件中写入本地存储，并在页面初始化时回读。社区实践中，不少开发者采用Preferences.Default来保存整数索引：

private void OnPickerSelectionChanged(object sender, EventArgs e)
{
    var picker = sender as Picker;
    if (picker != null)
        Preferences.Default.Set("MyPickerIndex", picker.SelectedIndex);
}
// 构造函数中恢复
int savedIndex = Preferences.Default.Get("MyPickerIndex", -1);
picker.SelectedIndex = savedIndex;

微软MVP James Montemagno在其博客中强调：“不要依赖控件自身的状态，而应主动管理关键数据。”此方案简单直接，但需注意多Picker场景下的Key唯一性。

方案三：MVVM模式下使用“状态绑定”对象（最符合MAUI设计哲学）

如果项目采用MVVM框架（如CommunityToolkit.Mvvm），最佳实践是创建一个“页面状态类”，将Picker的选中值作为可观察属性，并在页面生命周期中保留ViewModel实例。例如利用Singleton或Scoped生命周期：

public class FilterViewModel : ObservableObject
{
    private int _selectedIndex;
    public int SelectedIndex
    {
        get => _selectedIndex;
        set
        {
            SetProperty(ref _selectedIndex, value);
            // 此处可同步保存到偏好设置
            Preferences.Default.Set("FilterIndex", value);
        }
    }
}

在DI容器中注册为Transient时，需额外传入一个存储服务；注册为Singleton则能直接在内存中保持状态。多数开发者反馈，使用Singleton配合页面OnAppearing时检查数据一致性，效果最佳。

专家观点：避开两个常见误区

不要轻信BindingMode.TwoWay能解决一切：即便设置了双向绑定，如果ItemsSource列表在导航过程中被重新赋值（例如从API获取数据），Picker仍会触发内部重置。建议采用“只在页面初始化时设置一次数据源”的策略。
慎用0作为默认SelectedIndex：很多开发者习惯将第一个选项设为默认，但当用户确实想选择第一项时，无法与“未选择”状态区分。建议用-1表示未选中，或使用SelectedItem绑定对象。

结语：状态管理是跨平台开发的必修课

MAUI的Picker本无大碍，真正的挑战在于开发者如何理解控件与数据之间的“时序依赖”。随着.NET 9的发布，微软已开始在MAUI中强化IMemoryCache和生命周期钩子，但主动管理状态依然是保障用户体验的不二法门。

对于正在遭遇此问题的开发者，建议从方案二（持久化）或方案三（MVVM+DI生命周期）入手，根据项目复杂度选择。未来，我们期待官方能提供控件级别的PreserveState属性，简化这一常见需求。

在应用开发走向“精致体验”的今天，每一个看似微小的状态丢失，都可能成为用户流失的导火索。不要让Picker的“记忆”，成为你应用的阿喀琉斯之踵。