C# WPF - 如何在运行后自动刷新 UI

Question

我在 XAML 中创建了一个名为 TbTimer 的简单 Label

我做了以下代码：

class Level2 
{
    public Level2()
    {
        timer = new DispatcherTimer();
        timer.Interval = TimeSpan.FromSeconds(1);
        timer.Tick += timer_Tick;
    }
    public int counter;
    public void timer_Tick(object sender, EventArgs e)
    {
        counter++;
    }

    public DispatcherTimer timer;
}

public partial class MainWindow : Window
{

    public MainWindow()
    {
        InitializeComponent();

        lvl2 = new Level2();
    }

    private void MenuItemMedium_Click(object sender, RoutedEventArgs e)
    {
        lvl2.timer.Start();
        TbTimer.Content = lvl2.counter.ToString();
    }
}

然后我有另一个按钮，当单击该按钮时我调用TimerUpdater。

当我运行程序并单击按钮时，我可以看到TextBlock 的内容显示数字 1...并且它不会继续运行数字 - 当我在 5 后再次单击按钮时秒显示数字 6。

所以我猜计时器在幕后运行良好，但TextBlock 的内容只有在我单击按钮时才会更新。

我应该怎么做才能使TextBlock 内容在不单击按钮的情况下更新秒数？希望我的解释和问题是清楚的。

Answer 1

使用修改后的代码，答案会完全改变。对于内容的巨大变化，我深表歉意。完成此操作的“最简单”方法是添加一个事件以更新计数器并让您的 UI 订阅它。比如：

class Level2
{
    public event Action<int> CounterUpdated;

    ...
    public void timer_Tick(object sender, EventArgs e)
    {
        counter++;
        if (CounterUpdated != null)
           CounterUpdated(counter);
    }
}

public class MainWindow
{
    public MainWindow()
    {
       InitializeComponent();

       lvl2 = new Level2();
       lvl2.CounterUpdated += UpdateCounterText;
    }

    private void MenuItemMedium_Click(object sender, RoutedEventArgs e)
    {
       lvl2.timer.Start();
    }

    private void UpdateCounterText(int newCounterValue)
    {
        TbTimer.Content = newCounterValue.ToString();
    }
}

顺便说一句，这最终类似于绑定系统的设置方式。如果你只是将你的文本框绑定到counter 变量，它会更干净，更容易使用。为此，您需要将 XAML 更改为：

<TextBox Name="TbTimer" Text="{Binding Counter}"/>

并分配 DataContext：

public class MainWindow
{
    public MainWindow()
    {
       InitializeComponent();

       lvl2 = new Level2();
       DataContext = lvl2;
    }

    private void MenuItemMedium_Click(object sender, RoutedEventArgs e)
    {
        lvl2.timer.Start();
    }
}

Level2 现在需要实现 INotifyPropertyChanged，并且你必须让 counter 成为一个属性（这样才能绑定到）：

class Level2 : INotifyPropertyChanged
{
    //Notify Property Changed Implementation from MSDN:
    public event PropertyChangedEventHandler PropertyChanged;

    private void NotifyPropertyChanged([CallerMemberName] String propertyName = "")
    {
        if (PropertyChanged != null)
        {
           PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    private int counter = 0;
    public int Counter
    {
       get { return counter; }
       set
       {
           counter = value;
           NotifyPropertyChanged();
       }
    }

    ...
    public void timer_Tick(object sender, EventArgs e)
    {
        Counter++;
    }
}

绑定系统现在将在计时器计时时自动更新文本框（并增加 Counter 属性。这是它应该在 WPF 中完成的方式，所以请随时询问任何实施时出现的问题。

供参考，这是我使用的INofityPropertyChanged的实现：http://msdn.microsoft.com/en-us/library/system.componentmodel.inotifypropertychanged.aspx