文本块不会更新

我有一个TextBlock (caloriesAvailableTextBlock）我正在尝试更新。这Button (eatCaloriesButton）应该减少的数量TextBlock的约束为 100。但是，TextBlock不会更新。它仍然停留在 2000 年。我缺少什么想法吗？

我的 HubPage.xaml 中的 xaml：

 <StackPanel>
     <TextBlock TextWrapping="Wrap" Text="Calories Available:" FontSize="24"/>
     <TextBlock x:Name="caloriesAvailableTextBlock" Loaded="caloriesAvailableTextBlock_Loaded" TextWrapping="Wrap" Text="{Binding}" FontSize="36"/>
     <Button x:Name="eatCaloriesButton" Content="Eat 100 Calories" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" FontSize="18" Click="eatCaloriesButton_Click" FontFamily="Global User Interface"/>
 </StackPanel>

我的代码位于 HubPage.xaml.cs 中：

    public CalorieTracker CalorieTracker { get; set; }

    private void NavigationHelper_LoadState(object sender, LoadStateEventArgs e)
    {
        CalorieTracker = new CalorieTracker();
        CalorieTracker.CaloriesAvailable = 2000;
    }

    private void eatCaloriesButton_Click(object sender, RoutedEventArgs e)
    {
        CalorieTracker.CaloriesAvailable -= 100;
    }

    private void caloriesAvailableTextBlock_Loaded(object sender, RoutedEventArgs e)
    {
        ((TextBlock)sender).DataContext = CalorieTracker.CaloriesAvailable;
    }

My CalorieTracker.cs保存我正在更新的号码的类：

public class CalorieTracker : INotifyPropertyChanged
{
    private int caloriesAvailable;
    public int CaloriesAvailable
    {
        get { return caloriesAvailable; }
        set { caloriesAvailable = value;
        NotifyPropertyChanged("CaloriesAvailable");
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    private void NotifyPropertyChanged(String propertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

我的理解是，每当CalorieTracker.CaloriesAvailable发生变化，它会让该变量的所有出现都知道，但事实并非如此。知道为什么不吗？或者我离基地太远了？

这里的问题似乎是您如何设置绑定。

您设置了整个数据上下文到你的文本块的那个 int 。这是not你想做什么。为了在变量更改时进行更新，很多东西都必须有所不同（对于初学者来说，运行时必须监听DataContextChanged代替PropertyChanged).

相反，设置DataContext将页面添加到视图模型，然后绑定到属性：

<TextBlock x:Name="caloriesAvailableTextBlock" TextWrapping="Wrap" Text="{Binding CaloriesAvailable}" FontSize="36"/>

private void NavigationHelper_LoadState(object sender, LoadStateEventArgs e)
{
    DataContext = CalorieTracker = new CalorieTracker();
    CalorieTracker.CaloriesAvailable = 2000;
}

现在你的NotifyPropertyChanged实际上会按照您的预期执行操作，并且您的 UI 将会更新。无论如何，这更适合 MVVM 模式。