将用户控件属性绑定到自定义类

Question

在我的应用程序中，我在主窗口中使用了一个名为“ChannelControls”的usercontrol，我实例化了 6 次。

public partial class ChannelControls : UserControl
{
    CMiXData cmixdata = CMiXData.Instance;
    public ChannelControls()
    {
        InitializeComponent();
        this.DataContext = this;
    }

    public static readonly DependencyProperty ChannelSpriteCountProperty =
    DependencyProperty.Register("ChannelSpriteCount", typeof(string), typeof(ChannelControls), new PropertyMetadata("1"));
    [Bindable(true)]
    public string ChannelSpriteCount
    {
        get { return (string)this.GetValue(ChannelSpriteCountProperty); }
        set { this.SetValue(ChannelSpriteCountProperty, value); }
    }

我正在使用一个名为 cmixdata 的自定义类来保存我的应用程序的所有数据（它将包含 List 的字符串、双精度等的不同属性......）。 ChannelControls 将包含许多滑块、按钮和其他用户控件，但目前我正在尝试仅绑定其中一个。

这是这个自定义类的一部分，它将保存数据，它有一个私有构造函数，因为我需要从任何地方访问它：

[Serializable]
public class CMiXData : INotifyPropertyChanged
{
    private static CMiXData _instance = null;
    public static CMiXData Instance
    {
        get
        {
            if (_instance == null)
            {
                _instance = new CMiXData();
            }
            return _instance;
        }
    }
    private CMiXData() { } //prevent instantiation from outside the class


    public event PropertyChangedEventHandler PropertyChanged;
    private void RaisePropertyChanged(string propertyName)
    {
        var handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(propertyName));
        }
        MessageBox.Show(propertyName);
    }


    private List<string> _SpriteCount = new List<string>(new string[] {"1", "1", "1", "1", "1", "1"});
    public List<string> SpriteCount
    {
        get { return _SpriteCount; }
        set
        {
            if(_SpriteCount != value)
            {
                _SpriteCount = value;
                RaisePropertyChanged("SpriteCount");
            }
        }
    }

下面是我尝试将 channelcontrol 属性 ChannelSpriteCount 绑定到我的单例类的方法：cmixdata。

<CMiX:ChannelControls x:Name="Layer0" Tag="0" Visibility="Visible" ChannelSpriteCount="{Binding SpriteCount[0], Mode=TwoWay}"/>

在ChannelControls 被实例化的主用户控件上，datacontext 是这样设置的：

public partial class CMiX_UI : UserControl
{
    BeatSystem beatsystem = new BeatSystem();
    CMiXData cmixdata = CMiXData.Instance;

    public CMiX_UI()
    {
        InitializeComponent();
        this.DataContext = cmixdata;
    }

在 xaml 方面：

<UserControl
        x:Class="CMiX.CMiX_UI"
        DataContext="{x:Static CMiX:CMiXData.Instance}"

但由于某些原因，cmixdata 中的属性没有更新，始终具有默认值...

Answer 1

UserControl 永远不应该有一个“自己的”视图模型实例。相反，它应该具有绑定到“外部”视图模型属性的依赖属性。

您的 ChannelsControl 会声明这样的属性（我认为 string 不是 count 的合适类型）：

public partial class ChannelsControl : UserControl
{
    public static readonly DependencyProperty SpriteCountProperty =
        DependencyProperty.Register(
            nameof(SpriteCount), typeof(string), typeof(ChannelsControl));

    public string SpriteCount
    {
        get { return (string)GetValue(SpriteCountProperty); }
        set { SetValue(SpriteCountProperty, value); }
    }

    ...
}

在 ChannelsControl 的 XAML 中，您可以这样绑定它：

<CMiX:Counter Count="{Binding SpriteCount,
                      RelativeSource={RelativeSource AncestorType=UserControl}}"/>

您现在可以使用如下所示的 UserControl，您可以将 Count 属性绑定到 DataContext 中的视图模型，如下所示：

<Window.DataContext>
    <local:CMiXData />
</Window.DataContext>
...

<local:ChannelsControl SpriteCount="{Binding SpriteCount[0]}" ... />

---

您现在也可以像这样在 ItemsControl 的 ItemTemplate 中使用 ChannelsControl：

<ItemsControl ItemsSource="{Binding SpriteCount}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <local:ChannelsControl SpriteCount="{Binding}"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

---

编辑：将 Window 的 DataContext 设置为您的视图模型单例实例，如下所示：

<Window ... DataContext="{x:Static local:CMiXData.Instance}" >

或者在后面的代码中，在 MainWindow 构造函数中：

DataContext = CMiXData.Instance;