Xamarin.Forms Android端Picker跨版本刷新异常问题咨询

问题现象 #

• 页面首次加载时Picker自动获焦，选择部门后列表正常更新
• Android 10/11系统下，再次点击Picker切换部门，列表可正常刷新
• Android 8系统下，再次点击Picker切换部门，列表无更新
• 临时修复方式：在Department_Tapped方法中添加Task.Delay(75)，但该方案稳定性差、不够优雅

问题原因分析 #

Android 8系统的Picker事件触发逻辑与高版本存在差异：当用户再次点击Picker时，系统会立即触发Unfocused事件，而此时Picker的选择确认逻辑（比如绑定的SelectedItem值变更）还未完成。如果你的业务逻辑中，Unfocused事件会触发列表数据的重置操作（比如清空现有数据、重置筛选条件），就会覆盖后续选择部门后本该执行的列表更新逻辑，最终导致列表无法显示新部门的数据。

而Android 10+系统中，Picker的事件触发顺序更合理：先完成选择确认（SelectedItem变更、选择完成事件触发），再触发Unfocused事件，因此不会出现逻辑冲突。

更优解决方案 #

方案1：通过自定义渲染器调整事件触发时机 #

在Android端自定义BorderlessPicker的渲染器，拦截Unfocused事件的触发时机，确保选择操作完成后再执行：

[assembly: ExportRenderer(typeof(BorderlessPicker), typeof(BorderlessPickerRenderer))]
namespace YourAppNamespace.Droid.Renderers
{
    public class BorderlessPickerRenderer : PickerRenderer
    {
        private bool _isInSelection;

        protected override void OnElementChanged(ElementChangedEventArgs<Picker> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                // 标记Picker开始进入选择状态
                Control.Click += (s, args) => _isInSelection = true;
                // 选择弹窗关闭后，结束选择状态并手动触发失焦逻辑
                Control.DismissEvent += (s, args) =>
                {
                    _isInSelection = false;
                    ((IElementController)Element)?.SetValueFromRenderer(VisualElement.IsFocusedProperty, false);
                };
            }
        }

        protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
        {
            // 处于选择状态时，忽略失焦相关的属性变更
            if (e.PropertyName == VisualElement.IsFocusedProperty.PropertyName && _isInSelection)
            {
                return;
            }
            base.OnElementPropertyChanged(sender, e);
        }
    }
}

方案2：修改ViewModel逻辑，直接监听SelectedItem变更 #

如果你的列表更新逻辑依赖Picker的Focus状态，改为直接绑定SelectedItem的变更事件，从根源上避免Focus事件的干扰：

// ViewModel代码示例
private Department _selectedDepartment;
public Department SelectedDepartment
{
    get => _selectedDepartment;
    set
    {
        if (_selectedDepartment != value)
        {
            _selectedDepartment = value;
            OnPropertyChanged();
            // 直接在这里触发列表数据加载，无需依赖Focus状态
            LoadDepartmentRelatedData(_selectedDepartment);
        }
    }
}

private void LoadDepartmentRelatedData(Department selectedDept)
{
    // 执行列表数据加载/刷新逻辑
    // ...
}

方案3：在自定义控件中屏蔽无效的Unfocused事件 #

在DepartmentPickerControl中添加状态判断，只处理真正的失焦事件：

public partial class DepartmentPickerControl : ContentView
{
    private bool _isPickerPopupOpen;

    public DepartmentPickerControl()
    {
        InitializeComponent();
        // 监听Picker弹窗的打开/关闭状态
        CustomPicker.Open += (s, e) => _isPickerPopupOpen = true;
        CustomPicker.Close += (s, e) => _isPickerPopupOpen = false;
    }

    private void DepartmentPicker_Unfocused(object sender, FocusEventArgs e)
    {
        // 如果弹窗还处于打开状态，忽略本次失焦事件
        if (_isPickerPopupOpen) return;
        // 执行原本的失焦逻辑
        // ...
    }
}

方案选择建议 #

• 若项目已存在自定义Picker渲染器，优先选方案1，从底层解决事件顺序问题，适配最彻底
• 若ViewModel逻辑可调整，优先选方案2，逻辑更清晰，完全脱离UI状态依赖
• 若仅需快速在控件层适配，选择方案3，改动最小

内容的提问来源于stack exchange，提问作者Gold.strike