Xamarin项目定时刷新页面并保留Expander展开状态咨询

这个问题我之前也碰到过，核心就是定时刷新时如果直接重置控件或数据源，会把Expander这类控件的状态给冲掉。解决思路很明确：先保存当前控件的状态，执行刷新操作后再恢复状态。下面给你两种实用方案：

方案一：用MVVM绑定状态（推荐，更易维护） #

如果你的项目用了MVVM模式，这是最优雅的解决方式——把Expander的IsExpanded状态绑定到ViewModel的属性上，这样刷新数据时只更新内容，状态会自动保留。

步骤1：创建带状态的数据模型 #

先定义一个实现INotifyPropertyChanged的模型，包含你需要展示的数据和IsExpanded状态：

public class ExpanderItem : INotifyPropertyChanged
{
    private bool _isExpanded;
    private string _itemContent;

    // 绑定Expander的IsExpanded属性
    public bool IsExpanded
    {
        get => _isExpanded;
        set { _isExpanded = value; OnPropertyChanged(); }
    }

    // 展示的内容，定时刷新时更新这个字段
    public string ItemContent
    {
        get => _itemContent;
        set { _itemContent = value; OnPropertyChanged(); }
    }

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

步骤2：ViewModel管理数据和定时刷新 #

在ViewModel里维护一个ObservableCollection<ExpanderItem>，定时刷新时只更新现有Item的内容，不替换整个集合或Item实例：

public class MainPageViewModel : INotifyPropertyChanged
{
    public ObservableCollection<ExpanderItem> ExpanderItems { get; set; } = new ObservableCollection<ExpanderItem>();

    public MainPageViewModel()
    {
        // 初始化数据
        LoadInitialItems();
        // 启动5秒一次的定时刷新
        Device.StartTimer(TimeSpan.FromSeconds(5), RefreshItemContents);
    }

    private bool RefreshItemContents()
    {
        // 模拟从后台获取最新数据
        var updatedData = FetchUpdatedData();

        // 遍历现有Item，更新内容，保留IsExpanded状态
        for (int i = 0; i < ExpanderItems.Count; i++)
        {
            ExpanderItems[i].ItemContent = updatedData[i];
            // 注意：不要修改IsExpanded属性，状态会自动保留
        }

        return true; // 返回true继续定时刷新
    }

    // 模拟后台数据获取
    private List<string> FetchUpdatedData()
    {
        return ExpanderItems.Select((_, index) => $"Updated content {index} - {DateTime.Now:HH:mm:ss}").ToList();
    }

    private void LoadInitialItems()
    {
        for (int i = 0; i < 5; i++)
        {
            ExpanderItems.Add(new ExpanderItem { ItemContent = $"Initial content {i}" });
        }
    }

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

步骤3：XAML绑定 #

把Expander的IsExpanded和内容绑定到ViewModel的属性：

<ScrollView>
    <StackLayout>
        <CollectionView ItemsSource="{Binding ExpanderItems}">
            <CollectionView.ItemTemplate>
                <DataTemplate>
                    <Expander IsExpanded="{Binding IsExpanded}">
                        <Expander.Header>
                            <Label Text="{Binding ItemContent}" FontSize="Medium" />
                        </Expander.Header>
                        <Label Text="展开后的详细内容" Margin="10,0" />
                    </Expander>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>
    </StackLayout>
</ScrollView>

方案二：纯后台代码手动保存/恢复状态 #

如果你的项目没用到MVVM，也可以直接在页面后台手动保存控件状态：

步骤1：保存控件状态 #

在刷新前，遍历所有Expander（或其他需要保留状态的控件），用字典记录它们的状态（比如用Tag作为唯一标识）：

private Dictionary<string, bool> _expanderStates = new Dictionary<string, bool>();
// 如果要保存其他控件状态，比如Entry的文本，可以再加一个字典
private Dictionary<string, string> _entryTexts = new Dictionary<string, string>();

private void SaveControlStates()
{
    _expanderStates.Clear();
    _entryTexts.Clear();

    // 保存Expander的展开状态
    foreach (var expander in MyStackLayout.Children.OfType<Expander>())
    {
        if (expander.Tag != null)
        {
            _expanderStates[expander.Tag.ToString()] = expander.IsExpanded;
        }
    }

    // 保存Entry的文本状态（示例）
    foreach (var entry in MyStackLayout.Children.OfType<Entry>())
    {
        if (entry.Tag != null)
        {
            _entryTexts[entry.Tag.ToString()] = entry.Text;
        }
    }
}

步骤2：执行刷新操作 #

刷新时重新加载数据和控件（比如清空StackLayout再重新生成）：

private void LoadPageContent()
{
    MyStackLayout.Children.Clear();

    // 重新生成Expander
    for (int i = 0; i < 5; i++)
    {
        var expander = new Expander
        {
            Tag = $"expander_{i}",
            Header = new Label { Text = $"Item {i} - Updated at {DateTime.Now:HH:mm:ss}" },
            Content = new Entry { Tag = $"entry_{i}", Placeholder = "输入内容" }
        };
        MyStackLayout.Children.Add(expander);
    }
}

步骤3：恢复控件状态 #

刷新完成后，遍历控件从字典里取出状态恢复：

private void RestoreControlStates()
{
    // 恢复Expander状态
    foreach (var expander in MyStackLayout.Children.OfType<Expander>())
    {
        if (expander.Tag != null && _expanderStates.TryGetValue(expander.Tag.ToString(), out bool isExpanded))
        {
            expander.IsExpanded = isExpanded;
        }
    }

    // 恢复Entry文本状态（示例）
    foreach (var entry in MyStackLayout.Children.OfType<Entry>())
    {
        if (entry.Tag != null && _entryTexts.TryGetValue(entry.Tag.ToString(), out string text))
        {
            entry.Text = text;
        }
    }
}

步骤4：整合定时刷新 #

把保存、刷新、恢复逻辑放到定时回调里：

public MainPage()
{
    InitializeComponent();
    LoadPageContent();
    Device.StartTimer(TimeSpan.FromSeconds(5), () =>
    {
        SaveControlStates();
        LoadPageContent();
        RestoreControlStates();
        return true;
    });
}

关键注意点 #

• 用MVVM时，不要替换整个ObservableCollection或者Item实例，只更新现有Item的属性，这样绑定的状态才会保留。
• 后台代码方式要确保每个控件有唯一的Tag，这样才能准确对应状态。
• 其他控件（比如Button的IsEnabled、Switch的IsToggled）的状态保存/恢复逻辑和Expander一致，都是先记录再恢复。

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