c# - 填充多个列表框时创建响应式 WPF UI 的技巧是什么？

Question

我正在开发一个显示多个 TabItem 的支持工具s 在 TabControl .每个TabItem代表一名员工，并且在这些员工中的每一个Tab还有一个 TabControl其中包含额外的 TabItem秒。这些TabItem s 代表该员工的 Outlook 文件夹(如“工作中”、“已完成”等)。这些文件夹中的每一个 TabItem s 包含一个 ListBox绑定(bind)到 ObservableCollection的 MailItem这是属于该 Outlook 文件夹的。这些不是很大的收藏品 - 每个 ListBox 只有十几个项目.虽然，总的来说，在所有TabItem s 可能有 100 件左右的元素。

我目前构建应用程序的方式是应用程序启动并使用适当的员工选项卡和子选项卡填充屏幕。这个过程相当快，我很高兴。我创建了一个静态 Global.System.Timer所有文件夹 TabItem的代码隐藏与同步。所以每 5 分钟应用程序将清除所有 ObserverableCollection s 并重新扫描 Outlook 文件夹。

问题是扫描过程导致应用程序停止。我试过使用 BackgroundWorker从 Outlook 收集邮件作为后台进程，然后传递 List<MailItem>反对 RunWorkerCompleted然后运行 ​​this.Dispatcher.BeginInvoke 的方法清除相应 ObservableCollection 的过程然后添加 List<MailItem> 中的项目回到ObservableCollection .我什至设置了这个 Dispatcher到较低的优先级。

尽管如此，应用程序在扫描/填充期间感觉非常笨重 ListBox过程。我不清楚如何更好地设计它，我承认我对此有些陌生。我意识到清除每个 ObservableCollection s 效率低下，但 Outlook 文件夹更改事件不是特别可靠，因此我需要每隔一段时间进行一次强力重新扫描以确保所有 MailItem s 代表。

下面是我的 WPF 控件代码，其中包含 ListBox .请记住，其中大约有 10 个 ListBox控件立即激活。

// This entire UserControl is essentially a ListBox control
public partial class TicketListView : UserControl
    {
        private TicketList _ticketList; //this is the ObservableCollection object
        private Folder _folder;         // Outlook Folder

        public TicketListView(Folder folder)
        {
            InitializeComponent();

            _ticketList = this.FindResource("TicketList") as TicketList; 
            _folder = folder; 

            GlobalStatics.Timer.Elapsed += new System.Timers.ElapsedEventHandler(Timer_Elapsed);
        }

        private void Timer_Elapsed(object sender, System.Timers.ElapsedEventArgs e)
        {
            Refresh();
        }

        private void Refresh()
        {
            BackgroundWorker worker = new BackgroundWorker();

            worker.DoWork += new DoWorkEventHandler(worker_DoWork);
            worker.RunWorkerCompleted += new RunWorkerCompletedEventHandler(worker_RunWorkerCompleted);
            worker.RunWorkerAsync();
        }

        private void worker_DoWork(object sender, DoWorkEventArgs e)
        {
            List<MailItem> tickets = new List<MailItem>();
            string filter = TicketMonitorStatics.TicketFilter(14);
            Items items = _folder.Items.Restrict(filter);

            try
            {
                foreach (MailItem mi in items.OfType<MailItem>())
                {
                    tickets.Add(mi);
                }
            }
            catch (System.Exception) { }

            e.Result = tickets;
        }

        private void worker_RunWorkerCompleted(object sender, RunWorkerCompletedEventArgs e)
        {
            List<MailItem> tickets = e.Result as List<MailItem>;

            this.Dispatcher.BeginInvoke(new System.Action(delegate
                {
                    _ticketList.Clear();
                    PopulateList(tickets);
                }));

            BackgroundWorker worker = sender as BackgroundWorker;
            worker.Dispose();
        }

        private void PopulateList(List<MailItem> ticketList)
        {
            foreach (MailItem mi in ticketList)
            {
                this.Dispatcher.BeginInvoke(new System.Action(delegate
                    {
                        _ticketList.Add(mi);
                    }), System.Windows.Threading.DispatcherPriority.SystemIdle);
            }
        }
    }

Answer 1

根据您的要求，特别是在 WPF 中，您不应使用计时器或后台工作程序来保持 View 响应。相反，您应该使用 MVVM 模式设计您的应用程序。 MVVM是模型、 View 和 View 模型，如果模型发生变化，模型更新 View 模型， View 模型更新 View 。这是通过继承“INotifyPropertyChanged”接口(interface)来完成的。

这是一个简单的例子

Xaml 部分:

<Window x:Class="SimpleMVVM.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="259" Width="445">
    <Grid Margin="0,0,2,-3">
        <Button x:Name="button" Content="Button" HorizontalAlignment="Left" Margin="10,33,0,0" VerticalAlignment="Top" Width="75"/>
        <Label x:Name="label" Content="{Binding Name}" HorizontalAlignment="Left" Margin="103,23,0,0" VerticalAlignment="Top" Width="220" BorderBrush="Black" BorderThickness="1" Height="32" Padding="0"/>

    </Grid>
</Window>

还有 .cs 部分

using System.ComponentModel;
using System.Windows;

namespace SimpleMVVM
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        private AnimalViewModel _animal= new AnimalViewModel ();

        public MainWindow()
        {
            InitializeComponent();

            DataContext = _animal;
            button.Click += (sender, e) => _animal.Name = "Taylor" ;
        }
    }

    public class AnimalViewModel : AnimalModel 
    {
        public AnimalViewModel ()
        {
        }        
    }

    public class AnimalModel : INotifyPropertyChanged
    {
        private string _name;

        public event PropertyChangedEventHandler PropertyChanged;

        public string Name
        {
            get { return _name; }
            set
            {
                if (_name != value)
                {
                    _name = value;
                    OnPropertyChanged("Name");
                }
            }
        }

        private void OnPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChangedEventArgs args = new PropertyChangedEventArgs(propertyName);
                PropertyChanged(this, args);
            }
        }
    }

}

不要想象按钮点击是由调度程序触发的更新，您的模型首先得到更新，触发属性更改事件来更新 View 。

使用此模式，您的代码将更加可靠。

希望对您有所帮助。

问候杰刚