单击选择列表框,单击时也取消选择...？

Question

我需要一个在第一次单击时选择的列表框,在第二次单击时取消选择,这样在任何时候都只选择零个或一个项目.

当您按住crtl时,选择/取消选择在列表框中实现(使用SelectionMode ="Single"),但不幸的是,我的所有用户都不可能知道这一点.

使用SelectionMode ="Multiple",我们拥有我想要的确切功能,除了您可以选择多个项目...

更多背景:我希望用户首先选择要登录的安装,然后提供凭据(以及其他一些选择)

为实现这一目标,我使用了一个扩展内容的列表框.为了帮助扩展,我在listboxitem的左侧创建了一个三角形,当你选择了列表框项目时,当未展开时指向右转.

因此,首先用户首先看到安装列表,然后,当他通过选择它选择了他想要的项目时,listboxitem会扩展到他需要输入的其他信息.它非常好,而且运行良好,但测试报告他们希望第二次点击三角形以取消选择(从而折叠展开的部分).我必须承认,我也点击了¤%&箭头,期望行动导致崩溃... :-(

任何人都知道如何实现这一目标(最好没有代码)？

Answer 1

执行此操作的常用方法是将SelectionMode模式设置为Multiple然后取消选择SelectionChanged事件中新选择的所有项目.

请参阅以下链接

• WPF:ListBox取消选择
• ListBoxItem - 在第二次单击时取消选择

这是一个可以像这样使用的附加行为

<ListBox local:ListBoxSelectionBehavior.ClickSelection="True"
         ...>

ListBoxSelectionBehavior

public static class ListBoxSelectionBehavior 
{
    public static readonly DependencyProperty ClickSelectionProperty = 
        DependencyProperty.RegisterAttached("ClickSelection", 
                                            typeof(bool),
                                            typeof(ListBoxSelectionBehavior),
                                            new UIPropertyMetadata(false, OnClickSelectionChanged));
    public static bool GetClickSelection(DependencyObject obj) 
    {
        return (bool)obj.GetValue(ClickSelectionProperty); 
    }
    public static void SetClickSelection(DependencyObject obj, bool value) 
    {
        obj.SetValue(ClickSelectionProperty, value); 
    }
    private static void OnClickSelectionChanged(DependencyObject dpo, 
                                                             DependencyPropertyChangedEventArgs e) 
    {
        ListBox listBox = dpo as ListBox;
        if (listBox != null) 
        { 
            if ((bool)e.NewValue == true) 
            {
                listBox.SelectionMode = SelectionMode.Multiple;
                listBox.SelectionChanged += OnSelectionChanged;
            } 
            else 
            {
                listBox.SelectionChanged -= OnSelectionChanged;
            } 
        } 
    }
    static void OnSelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        if (e.AddedItems.Count > 0)
        {
            ListBox listBox = sender as ListBox;
            var valid = e.AddedItems[0];
            foreach (var item in new ArrayList(listBox.SelectedItems))
            {
                if (item != valid)
                {
                    listBox.SelectedItems.Remove(item);
                }
            }
        }
    }
}

Answer 2

试试看:

您使用ToggleButton作为详细内容的"扩展器".切换按钮的"IsChecked"属性可以绑定到项目的IsSelected属性

这里的代码:

<ListBox SelectionMode="Single">
   <ListBox.ItemsSource>
      <x:Array Type="{x:Type sys:String}">
         <sys:String>test1</sys:String>
         <sys:String>test2</sys:String>
         <sys:String>test3</sys:String>
         <sys:String>test4</sys:String>
         <sys:String>test5</sys:String>
         <sys:String>test6</sys:String>
      </x:Array>
   </ListBox.ItemsSource>
   <ListBox.ItemTemplate>
      <DataTemplate>
         <StackPanel Orientation="Horizontal">
            <ToggleButton IsChecked="{Binding 
                          RelativeSource={RelativeSource FindAncestor, 
                          AncestorType={x:Type ListBoxItem}},
                          Path=IsSelected}"
            >btn</ToggleButton>
         </StackPanel>
      </DataTemplate>
   </ListBox.ItemTemplate>
</ListBox>

工作原理:在列表框中只能选择一个项目.当我们选择一个项目时,Toggler会被扩展,因为他的IsChecked被绑定到他的父ListBoxItem的ListBoxItem.IsSelected(ListBoxItem是一个围绕每个Item的内容的Control).由于selectionMode在选择另一个项目时是单一的,因此会发生以下情况:

• 取消选择实际选择的项目
• 通过绑定,Toggler也可以不受控制
• 选择新项目
• 通过绑定检查新项目切换器

如果实际选择的项目的切换器未被选中,则该项目通过绑定取消选择...