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

Question

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

在第一个用户控件上我有2个文本框，在第二个用户控件上我有2个标签。我有一个类来保存属性

我的问题是如何将这两个用户控件链接到同一个类?这里的问题是，每个用户控件似乎都指向同一个类的不同实例。

我还附上了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}"/>

球员类:

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
}

第一个用户控件:用户控制1第二个用户控制:用户控制2

在本例中，第一个用户控件用于设置Player类中的Player1Name和Player2Name。但是第二个用户控件显示的是别的东西

Answer 1

你可以用两种方法来解决这个问题，我现在可以看到:

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

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

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

第二种方式:使你的类成为单例并始终返回相同的实例

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

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

2-改变你的球员类:

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-找到每个usercontrol后面的代码，并将其添加到构造函数中:

DataContext = Players.Instance;