将控件绑定到 WPF 中集合/数组中的单个值

Question

在 WPF 中，我有一个 bool 集合？值，我想以编程方式将每个值绑定到一个单独的复选框。我希望绑定为 TwoWay，以便更改代码中集合中单个项目的值会更新复选框，反之亦然。

我花了很长时间试图弄清楚如何做到这一点，但我完全陷入困境。使用以下代码，复选框仅在加载窗口时获取正确的值，仅此而已。更改复选框甚至不会更新集合中的值。 （更新：这似乎是 .NET4 中的一个错误，因为该集合确实在相同的 .NET3.5 项目中进行了更新。更新：Microsoft 已确认该错误并将在 .NET4 版本中修复。）

非常感谢提前寻求您的帮助！

C#：

namespace MyNamespace
{
    public partial class MyWindow : Window, INotifyPropertyChanged
    {
        public MyWindow()
        {
            InitializeComponent();
            DataContext = this;
        }

        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
               PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }

        public List<bool?> myCollection = new List<bool?>
            { true, false, true, false, true, false };

        public List<bool?> MyCollection
        {
            get { return myCollection; }
            set { myCollection = value; }
        }
    }
}

XAML：

<CheckBox IsChecked="{Binding Path=MyCollection[0], Mode=TwoWay}">

Answer 1

为了让它发挥作用，这里需要改变一些事情。首先，您需要将布尔值包装在实现 INotifyPropertyChanged 接口的对象中，以便获取您正在查找的更改通知。目前，您正在绑定到集合中未实现该接口的布尔值。为此，您可以创建一个包装类，如下所示：

  public class Wrapper: INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }

        private bool val = false;

        public bool Val
        {
            get { return val; }
            set
            {
                val = value;
                this.OnPropertyChanged("Val");
            }
        }

        public Wrapper(bool val)
        {
            this.val = val;
        }

    }

然后您将希望在表单中创建这些对象而不是布尔值列表。您可能还想使用可观察集合而不是列表，以便发送添加和删除项目的通知。如下所示：

public Window1()
    {
        InitializeComponent();
        this.DataContext = this;
    }

    private ObservableCollection<Wrapper> myCollection = new ObservableCollection<Wrapper>()
        {new Wrapper(true), new Wrapper(false), new Wrapper(true)};


    public ObservableCollection<Wrapper> MyCollection
    {
        get { return myCollection; }
    }

接下来要做的就是在用户界面中显示复选框列表。为此，WPF 提供了项目控件。 ListBox 是一个项目控件，因此我们可以使用它作为起点。将列表框的 itemssource 设置为 MyCollection。然后，我们需要定义每个 Wrapper 对象如何在列表框中显示，这可以通过在 Windows 资源中创建的数据模板来完成。如下所示：

<Window.Resources>
    <DataTemplate x:Key="myCollectionItems">
        <CheckBox IsChecked="{Binding Path=Val, Mode=TwoWay}"></CheckBox>
    </DataTemplate>
</Window.Resources>
<Grid>
    <ListBox ItemsSource="{Binding Path=MyCollection}" ItemTemplate="{StaticResource myCollectionItems}"></ListBox>
</Grid>

这应该可以帮助您启动并运行一个简单的复选框演示，这些复选框的值绑定到布尔值列表。

Answer 2

是什么让您认为它不起作用？它对我有用:)

这是我的测试 XAML：

<UniformGrid>
    <CheckBox IsChecked="{Binding Path=MyCollection[0], Mode=TwoWay}"/>
    <ListBox ItemsSource="{Binding MyCollection}"/>
    <Button Content="Test" Click="Button_Click"/>
</UniformGrid>

这是我的代码：（

private void Button_Click(object sender, RoutedEventArgs e)
{

}

其余部分与您的相同）

我在 Button_Click 上放置了一个断点并检查了 MyCollection[0] 它根据 CheckBox 的 IsChecked 值进行更新。

尝试将您的集合类型从 List 更改为 ObservableCollection 也许这就是您认为它不适合您的原因（事实上，更改在您看来，该集合不会反映在其他任何地方）。

Answer 3

将 List 更改为 ObservableCollection。列表不会引发 WPF 更新 UI 所需的更改通知。 ObservableCollection 可以做到这一点。这处理列表条目更改并且复选框需要相应更新的情况。

另一方面，即使使用 List，它也适用于我——即切换复选框会修改集合中的值。您的绑定语法当然是正确的。