[C# - WPF] 2. MVVM방식으로 바인딩 하기

2021.11.10 - [C#/WPF] - [WPF] 0. WPF와 MVVM란?

2021.11.10 - [C#/WPF] - [WPF] 1. WPF 프로젝트를 처음 시작해보자

안녕하세요, 반나무입니다.

1편에 나온 설정을 유지한채 MVVM방식으로 바인딩하는 방법입니다.

 

우선 ViewModel과 View.cs에 바인딩 코드를 적어줍니다.

// MainWindowViewModel.cs

using System.ComponentModel;

// INotifyPropertyChanged 상속

#region Binding
public event PropertyChangedEventHandler PropertyChanged;
public void OnPropertyChanged(string propertyName)
{
    if (PropertyChanged != null)
    {
        this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

#endregion

 

Window의 DataContext를 ViewModel로 치환합니다.

// MainWindow.xaml.cs

public partial class MainWindow : Window
{
    public MainWindow()
    {
        MainWindowViewModel mainWindowViewModel = new MainWindowViewModel();
        InitializeComponent();
        this.DataContext = mainWindowViewModel;
    }
}

 

 

xaml단에 바인딩을 걸어줍니다.

// MainWindow.xaml

<Grid>
	<Label Content="{Binding Title}" FontSize="20"/>
</Grid>

 

 

바인딩할 속성을 작성하고 생성자에 바인딩을 해줍니다.

MainWindowViewModel.cs


// 필드
private string _title;

// 속성 : 바인딩할 텍스트
public string Title { get { return _title; } set { _title = value; OnPropertyChanged(nameof(Title)); } }

// 생성자
public MainWindowViewModel()
{
    Title = "바인딩 성공!";
}

 

Visual Studio에서는 바인딩한 내용은 보여지지 않는다.

바인딩이 되면 알아서 자리를 잡고 원하는 내용이 나온다.

 

---

도움되었다면 좋아요 꾹!