MAUI中Picker值本地化的正确实现方式咨询

问题根源 #

Picker的选项集合或绑定的本地化属性未监听文化切换事件，导致文化变更后无法自动触发UI更新——其他控件（如Label）通常通过绑定的本地化标记扩展自动监听了事件，但Picker的ItemDisplayBinding未同步处理。

解决方案步骤 #

1. 让选项模型实现INotifyPropertyChanged

确保你的选项类（比如LanguageOption）支持属性变更通知，这样本地化文本更新时，Picker能感知到变化：

public class LanguageOption : INotifyPropertyChanged
{
    private string _localizationKey;
    public string LocalizationKey
    {
        get => _localizationKey;
        set
        {
            _localizationKey = value;
            OnPropertyChanged();
            // 触发Localization属性的变更通知
            OnPropertyChanged(nameof(Localization));
        }
    }

    // 直接从资源管理器获取本地化文本
    public string Localization => LocalizationResourceManager.Current[LocalizationKey];

    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 在ViewModel中监听文化变更事件

订阅LocalizationResourceManager的CultureChanged事件，当文化切换时强制刷新所有选项的本地化文本：

public class SettingsViewModel : INotifyPropertyChanged
{
    public ObservableCollection<LanguageOption> NativeLanguageOptions { get; set; }

    private LanguageOption _selectedNativeLanguage;
    public LanguageOption SelectedNativeLanguage
    {
        get => _selectedNativeLanguage;
        set
        {
            _selectedNativeLanguage = value;
            OnPropertyChanged();
        }
    }

    public SettingsViewModel()
    {
        // 初始化选项集合
        NativeLanguageOptions = new ObservableCollection<LanguageOption>
        {
            new LanguageOption { LocalizationKey = "Lang_English" },
            new LanguageOption { LocalizationKey = "Lang_Chinese" },
            new LanguageOption { LocalizationKey = "Lang_Spanish" }
        };

        // 订阅文化变更事件，触发选项更新
        LocalizationResourceManager.Current.CultureChanged += OnCultureUpdated;
    }

    private void OnCultureUpdated(object sender, EventArgs e)
    {
        // 遍历所有选项，触发Localization属性的变更通知
        foreach (var option in NativeLanguageOptions)
        {
            option.OnPropertyChanged(nameof(LanguageOption.Localization));
        }
    }

    // INotifyPropertyChanged实现
    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

3. 调整XAML绑定逻辑

去掉自定义的TranslateBinding，直接绑定选项的Localization属性——因为我们已经在模型层处理了本地化文本的实时更新：

<Picker
    x:Name="NativeLanguagePicker"
    ItemsSource="{Binding NativeLanguageOptions}"
    SelectedItem="{Binding SelectedNativeLanguage, Mode=TwoWay}"
    ItemDisplayBinding="{Binding Localization}"
    Style="{DynamicResource SettingPicker}">
</Picker>

关键说明 #

• 使用ObservableCollection确保选项集合的结构变更能被Picker感知；
• 每个选项的Localization属性通过文化变更事件主动触发更新，结合INotifyPropertyChanged让UI自动刷新；
• 避免自定义标记扩展的潜在问题，直接绑定已处理好的本地化文本属性，逻辑更清晰。

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