ItemsControl 中的 ToggleButtons 绑定到 ObservableCollection

Question

首先我想原谅我的英语。

我想要实现的目标看起来很简单，但我在实现中有点迷失。

背景：我有一个可观察的联系人集合。这些联系人都有 1 个或多个 ContactRole。我将联系人绑定到 ItemsControl 的 itemssource，并希望为联系人中的每个角色显示一个 ToggleButton。

问题：我的第一个问题是如何从具有角色的联系人列表转到屏幕上的大量切换按钮。我的第二个问题是，如果我单击一个切换按钮，则还需要检查具有相同联系人的所有其他按钮。如果我单击属于另一个联系人的另一个切换按钮，则需要取消选中所有选中的按钮，并且需要选中属于新联系人的按钮。

我现在有什么：我现在有的是itemscontrol中的itemscontrol，它的itemtemplate内部itemscontrol正在打印ToggleButtons，外观如下代码：

<Button Content="Add" Width="72" Height="27" Command="{Binding Path=AddContact}" VerticalAlignment="Top"/>
            <ItemsControl ItemsSource="{Binding Path=Contacts}" IsTabStop="False" Name="Parent">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <WrapPanel  />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <ItemsControl ItemsSource="{Binding ContactRoles}">
                            <ItemsControl.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <WrapPanel  />
                                </ItemsPanelTemplate>
                            </ItemsControl.ItemsPanel>
                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <ToggleButton Content="{Binding}" CommandParameter="{Binding ElementName=Parent, Path=DataContext.Item}" Template="{StaticResource toggleButtonTemplateButtonBar}"
                                      Command="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}, Path=DataContext.ViewContact}" Height="27" MinWidth="100">

                                    </ToggleButton>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ItemsControl>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>

这部分代码正在显示。 我希望有人能帮助我解决这个问题。

我的其他一些问题是我是否需要创建一个继承自 ItemsControl 的自定义控件，或者这可以通过模板和样式来完成吗？

如果您需要更多信息，请告诉我。

谢谢，乔迪

编辑：

很抱歉我不太清楚地表达我的问题。回来评论你。第一个 ItemsControl 的 ItemsSource 保存一个包含唯一联系人的列表，第二个 ItemsControl 的 ItemsSource 保存属于该联系人的字符串（角色）列表。我想为所有联系人的每个角色显示一个切换按钮。但我认为您已经从我的代码示例中了解到了这一点。

此图片将显示我正在尝试执行的操作。 我希望这能让事情变得更清楚。

Answer 1

正如 Snowbear 所说，请提供更多意见...从您的问题中我看到...

我的第一个问题是如何从具有角色的联系人列表中查找
屏幕上有很多切换按钮。

GO 是什么意思？您是否想知道 Contacts 或 Contact.Roles 如何转换为 ToggleButtons？这就是您的 ItemTemplate 正在做的事情。如果您要求切换按钮保留 Contact 对象中的某些属性或数据，那么您已经在 ItemTemplate 中使用了 Binding >。

        <ToggleButton Content="{Binding}" Tag="{Binding Roles}">
        </ToggleButton>

在上面的示例中，Tag 是 WPF 中 FrameworkElement 的非可视属性之一，它绑定到来自以下位置的 Roles 列表：相应的Contact对象。

我的第二个问题是如果我单击一个 ToggleButton 所有其他按钮
具有相同联系人的按钮也需要检查。

您是说在您的 Contacts 列表中，某些 Contact 对象在列表中添加了多次？如果是这样，那就是一个糟糕的设计，并且可能会在使用 ItemsSource 时导致错误。如果不是，那么您的所有其他具有**相同联系人**的按钮的声明会令人困惑。您的意思是您的联系人可能会重复，但通过引用它们不是同一对象。他们可能通过某些识别值共享，例如它们具有相同的 Contact.Name 或 Contact.ID 等。

如果联系人的某些识别值在不同的联系人对象中是相同的，那么您必须明智地使用 SelectedValue 绑定。

如果我单击属于另一个联系人的另一个切换按钮
选中的按钮需要取消选中，并且属于
需要检查新联系人。

同样，一旦您决定真正想要做什么，即多次添加相同的 Contact 对象，或者您有具有某些共同的 value 的不同 Contact 对象，这也是可能的。

我是否需要创建一个继承自的自定义控件
ItemsControl 还是可以通过模板和样式来完成？

在 WPF 中，使用通用模板和样式可以实现任何事情。它们绝对消除了为各种视觉上相似的控件创建自定义控件的需要。

但是，如果您的控件具有需要在多个位置执行完全相同的行为或功能，并且您希望将其密封并限制其自身执行该特定功能，那么创建自定义控件是有意义的。

因此，请重新表述您的问题并提供更清晰的输入。