WPF MVVM - 将 UserControls 上的属性绑定到容器的 ViewModel

使用WPF MVVM模式将UserControls上的属性绑定到容器的ViewModel

xaml
             ...
             xmlns:local="clr-namespace:UserControlsDemo">
    
        
            
            
        
    

csharp
public class MainViewModel : INotifyPropertyChanged
{
    private ObservableCollection _userControls;
    public ObservableCollection UserControls
    {
        get { return _userControls; }
        set
        {
            _userControls = value;
            OnPropertyChanged(nameof(UserControls));
        }
    }
    public MainViewModel()
    {
        UserControls = new ObservableCollection();
    }
    // 实现INotifyPropertyChanged接口的代码略...
}

csharp
public class UserControl1ViewModel : INotifyPropertyChanged
{
    private string _userName;
    private int _age;
    public string UserName
    {
        get { return _userName; }
        set
        {
            _userName = value;
            OnPropertyChanged(nameof(UserName));
        }
    }
    public int Age
    {
        get { return _age; }
        set
        {
            _age = value;
            OnPropertyChanged(nameof(Age));
        }
    }
    // 实现INotifyPropertyChanged接口的代码略...
}

csharp
public void AddUserControl()
{
    UserControl1ViewModel userControl1ViewModel = new UserControl1ViewModel();
    userControl1ViewModel.UserName = "John Doe";
    userControl1ViewModel.Age = 30;
    UserControls.Add(userControl1ViewModel);
}

xaml