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

Question

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

我花了很长时间试图弄清楚如何做到这一点，但我完全陷入了困境。使用以下代码，复选框仅在加载窗口时才获得正确的值，仅此而已。更改复选框甚至不会更新集合中的值。 （更新：这似乎是 .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; }
    }

接下来要做的是在你的 ui 中显示一个复选框列表。为此，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<bool?> 更改为 ObservableCollection<bool?> 也许这就是您认为它不适合您的原因（事实上，对集合的更改不会反映在您的视图中的其他任何地方）。

Answer 3

将您的 List<bool?> 更改为 ObservableCollection<bool?>。 List 不会引发 WPF 需要更新 UI 的更改通知。 ObservableCollection 可以。这会处理列表条目发生更改并且 CheckBox 需要相应更新的情况。

在另一个方向上，即使使用List<bool?>，它也对我有用——即切换复选框会修改集合中的值。您的绑定语法当然是正确的。