WPF データバインディングの更新方法が分かりません。

Question

初歩的な所でつまづいています。とりあえず動かそうと正しい知識を付けずに間違った使い方をしていると思いますので手ほどきよろしくお願いします。

XAML

    <Grid>
        <StackPanel>            
            <Label Content="{Binding labelA}"/>            
            <Label Content="{Binding labelB}"/>
            <Button x:Name="btn1" Content="Button1" Click="btn1_Click"/>
            <Button x:Name="btn2" Content="Button2" Click="btn2_Click"/>
        </StackPanel>
    </Grid>

MainWindow.xaml.cs

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = new { labelA = "A", labelB = "B" };
        }

        private void btn1_Click(object sender, RoutedEventArgs e)
        {
            this.DataContext = new { labelA = "A+", labelB = "B+" };
        }

        private void btn2_Click(object sender, RoutedEventArgs e)
        {
            this.DataContext = new { labelA = "A++"};
        }
    }

---

やりたいこと：
Bindingを利用してコードのイベントから値を操作したい。

起こっている問題：
初期値を入れる書き方しか知らないので、イベントbtn2_Clickのような場合に値を作っていないlabelBが消えてしまう。
全部のイベントに全部のパスを書くのは量が増えると管理が難しくなる。

毎回全てのパスの値を作成しなくても良い方法を教えてください。
初期値以外をイベントからの更新の方法？

Answer 1

こんにちは。

DataContextを毎回入れ替えるのではなく、DataContext内の各プロパティを変更時に、変更通知を行うことでバインドしたUIは更新されます。

INotifyPropertyChangedを実装したインスタンスをDataContextとすることで、どのプロパティが変更したかをUIへ通知できます。

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        //this.DataContext = new { labelA = "A", labelB = "B" };
        _viewModel = new MainWindowViewModel { labelA = "A", labelB = "B" };
        this.DataContext = _viewModel;
    }

    private MainWindowViewModel _viewModel;

    private void btn1_Click(object sender, RoutedEventArgs e)
    {
        //this.DataContext = new { labelA = "A+", labelB = "B+" };
        _viewModel.labelA = "A+";
        _viewModel.labelB = "B+";
    }

    private void btn2_Click(object sender, RoutedEventArgs e)
    {
        //this.DataContext = new { labelA = "A++" };
        _viewModel.labelA = "A++";
    }
}

public class MainWindowViewModel : INotifyPropertyChanged
{
    private string _labelA;
    public string labelA
    {
        get { return _labelA; }
        set {
            _labelA = value;
            OnPropertyChanged("labelA");
        }
    }

    private string _labelB;
    public string labelB
    {
        get { return _labelB; }
        set {

            _labelB = value;
            OnPropertyChanged("labelB");
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged(string propertyName)
    {
        this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

Comments

[gucha]

直して頂いたコードを参考にして思い通りに動かすことができました。
忘れない内にINotifyPropertyChangedを勉強します。
ありがとうございました。