2个用户控件之间的wpf绑定属性

Question

我是 WFP 的新手，我被数据绑定困住了。

在我的第一个用户控件上我有 2 个文本框，在我的第二个用户控件上我有两个标签。我有一个 class 持有属性。

我的问题是如何 link 这两个用户控制同一个 class ？这里的问题是每个用户控件似乎都指向相同 class.

的不同实例

我还附上了 2 张图片作为我的问题的可视化示例

我的第一个用户控件代码：

<UserControl.DataContext>
    <local:Players/>
</UserControl.DataContext>
<!--Display Players Name-->
<Label Name="LabelPlayer1Name" Grid.Row="1" Grid.Column="0" 
       Content="{Binding Player1Name}"
/>
<Label Grid.Row="1" Grid.Column="1" Content="VS" Foreground="#e74c3c"/>
<Label Name="LabelPlayer2Name"
       Grid.Row="1" Grid.Column="2" 
       Content="{Binding Player2Name}"
/>
<!--Input Players Name-->
<TextBox x:Name="TextBoxPlayer1Name" Grid.Column="0" Grid.Row="2" Text="{Binding Player1Name, 
          UpdateSourceTrigger=PropertyChanged}" 
          KeyDown="TextBoxPlayer1Name_KeyDown"
/>
<TextBox x:Name="TextBoxPlayer2Name" Grid.Column="2" Grid.Row="2" Text="{Binding Player2Name, 
          UpdateSourceTrigger=PropertyChanged}" 
          KeyDown="TextBoxPlayer2Name_KeyDown"
/>

我的第二个用户控制码：

<UserControl.DataContext>
    <local:Players/>
</UserControl.DataContext>

<Label Grid.Column="0" Grid.Row="0" Content="{Binding Player1Name}"/>
<Label Grid.Column="2" Grid.Row="0" Content="{Binding Player2Name}"/>

玩家Class:

public class Players : INotifyPropertyChanged
{
    #region PlayersName field
    private string _player1Name;
    private string _player2Name;

    public string Player1Name
    {
        get { return _player1Name; }
        set 
        {
            _player1Name = value;
            OnPropertyChanged();
        }
    }

    public string Player2Name
    {
        get { return _player2Name; }
        set 
        {
            _player2Name = value;
            OnPropertyChanged();
        }
    }
    #endregion

    #region ctor

    public Players()
    {
        _player1Name = "Player1";
        _player2Name = "Player2";
    }

    #endregion

    #region On Property Changed
    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
    #endregion
}

第一个用户控件： User control 1 第二个用户控件： User control 2

在本例中，第一个用户控件用于设置Player class中的Player1Name和Player2Name。但是第二个用户控件正在显示其他内容

Answer 1

你可以通过我目前看到的两种方式解决：

第一种方法：从两个 xaml 文件中删除此部分

<UserControl.DataContext>
    <local:Players/>
</UserControl.DataContext>

并在主窗口的 xaml 或其后面的代码中定义一个数据上下文“DataContext = new Players()”

第二种方式：让你的class成为单例并且return总是同一个实例

1- 从两个 xaml 文件中删除此部分

<UserControl.DataContext>
    <local:Players/>
</UserControl.DataContext>

2- 改变你的球员 class :

 private static Players instance=null;

  private Players()
    {
        _player1Name = "Player1";
        _player2Name = "Player2";
    }

  public static Players Instance
    {
      get
      {
         if (instance==null)
         {
           instance = new Players();
         }
       return instance;
      }
    }

3- 转到每个用户控件背后的代码并将其添加到您的构造函数中：

DataContext = Players.Instance;

2个用户控件之间的wpf绑定属性

wpf binding property between 2 user control

data-binding

wpf

properties