简单的数据绑定不起作用

Question

我是 WPF 新手，我正在尝试制作一个简单的应用程序，一个秒表。如果我不进行数据绑定，它工作得很好。这是我的 XAML。

<Window x:Class="StopWatch.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:s="clr-namespace:StopWatch"
    Title="MainWindow" Height="318" Width="233">
<Window.Resources>
    <s:StopWatchViewModel x:Key="swViewModel" x:Name="swViewModel"></s:StopWatchViewModel>
</Window.Resources>
<Grid DataContext="{StaticResource swViewModel}"> 
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="auto"/>
        <RowDefinition Height="128*" />
    </Grid.RowDefinitions>
    <TextBlock Grid.Row="1" Height="49" HorizontalAlignment="Left" Margin="42,50,0,0" Name="txtTime" Text="{Binding Path=Message}" VerticalAlignment="Top" Width="147" FontSize="20" TextAlignment="Center" />
    <Button Content="Start" Grid.Row="2" Height="23" HorizontalAlignment="Left" Margin="12,15,0,0" Name="startBtn" VerticalAlignment="Top" Width="58" Click="startBtn_Click" />
    <Button Content="Stop" Grid.Row="2" Height="23" HorizontalAlignment="Left" Margin="76,15,0,0" Name="stopBtn" VerticalAlignment="Top" Width="58" Click="stopBtn_Click" />
    <Button Content="Reset" Grid.Row="2" Height="23" HorizontalAlignment="Left" Margin="140,15,0,0" Name="resetBtn" VerticalAlignment="Top" Width="59"/>
</Grid>

这是 MainWindow 中的代码

public partial class MainWindow : Window
{
    private StopWatchViewModel stopwatch;

    public MainWindow()
    {
        InitializeComponent();
        stopwatch = new StopWatchViewModel();
    }

    private void startBtn_Click(object sender, RoutedEventArgs e)
    {
        stopwatch.Start();
    }

    private void stopBtn_Click(object sender, RoutedEventArgs e)
    {
        stopwatch.Stop();
    }
}

，这是 StopWatchViewModel.cs 中的代码，

class StopWatchViewModel : INotifyPropertyChanged
{
    private DispatcherTimer timer;
    private Stopwatch stopwatch;
    private string message;

    public event PropertyChangedEventHandler PropertyChanged;

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

    public StopWatchViewModel()
    {
        timer = new DispatcherTimer();
        stopwatch = new Stopwatch();
        timer.Tick += new EventHandler(timer_Tick);
        timer.Start();
        stopwatch.Reset();
    }

    public void Start()
    {
        stopwatch.Start();
    }

    public void Stop()
    {
        stopwatch.Stop();
    }

    private void timer_Tick(object sender, EventArgs e)
    {
        Message = stopwatch.Elapsed.ToString(); // Doesn't work.
        // Message = "hello"; does not work too!
    }

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

}

我不知道哪里出错了。

编辑：我成功了。所以这是供任何人参考的工作代码。

XAML，将原来的更改为此

<Window x:Class="StopWatch.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:s="clr-namespace:StopWatch"
Title="MainWindow" Height="318" Width="233">
<Grid> // partial code

，并在后面的代码中，根据Erno的建议更改构造函数。

public MainWindow()
    {
        InitializeComponent();
        viewModel = new StopWatchViewModel();
        this.DataContext = viewModel;
    }

谢谢你们！

Answer 1

这里的问题是您没有任何机制让 WPF 知道您的属性已更新。基本上，您在这里有两个选择：

1. 将消息设为依赖属性。
2. 实现 INotifyPropertyChanged 以便 GUI 知道消息何时更新。

为了确保您拥有使 INotifyPropertyChanged 正常工作的所有部分，请检查您是否已完成所有这些操作：

1. 定义事件 PropertyChanged。
2. 创建一个私有 NotifyPropertyChanged 方法来引发该事件。此方法应采用字符串参数（属性名称）并引发如下事件：PropertyChanged(this, new PropertyChangedEventArgs()。使用此方法的原因是将 。
3. 在属性设置器中，在值更改后使用属性的正确名称（区分大小写）调用 NotifyPropertyChanged

Answer 2

只需像这样替换您的 Message 属性，它将起作用：

 public string Message
 {
     get { return (string)GetValue(MessageProperty); }
     set { SetValue(MessageProperty, value); }
 }

 public static readonly DependencyProperty MessageProperty =
     DependencyProperty.Register("Message", typeof(string), 
     typeof(MainWindow), new UIPropertyMetadata(String.Empty));

编辑 在发布我的解决方案后，我注意到您将所有代码更改为 ViewModel 解决方案...请随意忽略或返回到您的第一组代码。

在新代码中，您将创建 ViewModel 的两个实例，一个在代码中，一个在资源中。这不好，因为您正在操作代码中的内容并绑定到资源（xaml）中的内容

编辑：
将您的构造函数更改为：

public MainWindow()
{
    InitializeComponent();
    stopwatch = new StopWatchViewModel();
    this.DataContext = stopwatch;
}

仅此而已

Answer 3

如果您没有正确实现 INotifyPropertyChanged，则不会注意到对属性的更改。所以你应该先这样做。也许你之前做的时候漏掉了一些东西。