组合框仅通过鼠标或 Enter 键选择项目

Question

我有一个 WPF ComboBox
我需要更改弹出列表中的默认行为。

现在，按up 和down 键SelectedItem 会自动更改。
我只需按Enter 键或鼠标单击即可更改SelectedItem。

怎么做？

我已经继承了ComboBox:

protected override void OnPreviewKeyDown(System.Windows.Input.KeyEventArgs e)
{
    Debug.Write("Pressed " + e.Key+ " ");
    if (e.Key == System.Windows.Input.Key.Up || e.Key == System.Windows.Input.Key.Down)
    {
        // ???
        e.Handled = true;
        return;
    }
    base.OnPreviewKeyDown(e);
}

此代码不起作用 - 不显示弹出窗口并且用户无法选择项目。 我应该写什么，在哪里写？ :)

谢谢。

UPD1：

我需要与ComboBox's 弹出窗口相同的功能，并且用户可以通过鼠标选择项目。
每个项目都可以用鼠标悬停，但不能被选中。选择成为仅通过按下鼠标按钮。我需要同样的。 “向上”和“向下”仅突出显示弹出窗口中的项目，但 SelectedItem 将仅通过按 Enter 或单击鼠标来更改。

UPD2： 如果我通过鼠标按下按钮，在 ComboCox 中打开 Popup，我可以通过鼠标突出显示 Popup 中的项目，但 SelectedItem 只有在我单击项目时才会更改。

我需要通过键盘实现相同的功能。如果我开始在 ComboBox 中输入一些内容，则会打开弹出窗口。我必须通过键盘Up 和Down 突出显示项目。 ComboBox 中的 TextBox 在突出显示期间不得更改，并且 SelectedItem 只有在我按下 Enter（或鼠标单击）时才能更改

UPD3： 演示解决方案链接：download

Answer 1

安装一个 nuget 包System.Windows.Interactivity.WPF，创建一个如下所示的类（注意：左/右箭头也可以更改闭合焦点组合框中的选择）：

public class ComboBoxCustomBehaviour: Behavior<ComboBox>
{
    private readonly ISet<Key> _dropdownBlockedKeys = new HashSet<Key>{Key.Up, Key.Down, Key.Left, Key.Right};

    protected override void OnAttached()
    {
        AssociatedObject.PreviewKeyDown += AssociatedObject_KeyDown;
    }

    protected override void OnDetaching()
    {
        AssociatedObject.PreviewKeyDown -= AssociatedObject_KeyDown;
    }

    private void AssociatedObject_KeyDown(object sender, KeyEventArgs e)
    {
        if (_dropdownBlockedKeys.Contains(e.Key))
            e.Handled = true;
        // Use following line, when you need to stop selection only on closed ComboBox
        // e.Handled = !((ComboBox)sender).IsDropDownOpen;
    }
}

将此行为类添加到 xaml：

<ComboBox>
    <ComboBoxItem>Item 1</ComboBoxItem>
    <ComboBoxItem>Item 2</ComboBoxItem>
    <ComboBoxItem>Item 3</ComboBoxItem>
    <i:Interaction.Behaviors>
        <local:ComboBoxCustomBehaviour />
    </i:Interaction.Behaviors>
</ComboBox>

Answer 2

最好使用 ComboBox。OnDropDownClosed(EventArgs) 方法

https://docs.microsoft.com/de-de/dotnet/api/system.windows.forms.combobox.ondropdownclosed?view=netframework-4.7.2#System_Windows_Forms_ComboBox_OnDropDownClosed_System_EventArgs_

PS：对于 Infracistics 控件 (UltraComboEditor)，它是 OnAfterCloseUp 事件。

Answer 3

您的代码似乎工作正常，只需在取消按键事件之前添加一个检查以查看 DropDown 是否打开

protected override void OnPreviewKeyDown(KeyEventArgs e)
{
    Debug.Write("Pressed " + e.Key + " ");
    if (!base.IsDropDownOpen && (e.Key == Key.Up || e.Key == Key.Down))
    {
        e.Handled = true;
        return;
    }
    base.OnPreviewKeyDown(e);
}

Answer 4

这是对我有用的解决方案 -

public class CustomComboBox : ComboBox
{
    private int _currentItemIndex;
    private string _rowColor = "#E7E7E7";
    private string _selectedRowColor = "#FFFFC6";        

    protected override void OnDropDownOpened(EventArgs e)
    {
        _currentItemIndex = base.SelectedIndex;
        base.OnDropDownOpened(e);
    }

    protected override void OnPreviewKeyDown(KeyEventArgs e)
    {
        if (base.IsDropDownOpen)
        {
            if (e.Key == Key.Up || e.Key == Key.Down)
            {
                ComboBoxItem currentItem;
                var colorConverter = new BrushConverter();

                if (_currentItemIndex > -1 && _currentItemIndex != base.SelectedIndex)
                {
                    currentItem = (ComboBoxItem)base.ItemContainerGenerator.ContainerFromIndex(_currentItemIndex);
                    currentItem.Background = (Brush)colorConverter.ConvertFromString(_rowColor);
                }

                if (e.Key == Key.Up)
                {
                    _currentItemIndex -= 1;
                    if (_currentItemIndex < 0)
                    {
                        _currentItemIndex = 0;
                    }
                }
                else if (e.Key == Key.Down)
                {
                    _currentItemIndex += 1;
                    if (_currentItemIndex > base.Items.Count - 1)
                    {
                        _currentItemIndex = base.Items.Count - 1;
                    }
                }

                currentItem = (ComboBoxItem)base.ItemContainerGenerator.ContainerFromIndex(_currentItemIndex);
                currentItem.Background = (Brush)colorConverter.ConvertFromString(_selectedRowColor);
                currentItem.BringIntoView();

                e.Handled = true;
                return;
            }
            else if (e.Key == Key.Enter)
            {
                base.SelectedItem = base.Items[_currentItemIndex];
            }
        }
        base.OnPreviewKeyDown(e);
    }

    protected override void OnDropDownClosed(EventArgs e)
    {
        if (_currentItemIndex > -1 && base.Items[_currentItemIndex] != base.SelectedItem)
        {
            var colorConverter = new BrushConverter();
            ComboBoxItem currentItem = (ComboBoxItem)base.ItemContainerGenerator.ContainerFromIndex(_currentItemIndex);
            currentItem.Background = (Brush)colorConverter.ConvertFromString(_rowColor);
        }
        base.OnDropDownClosed(e);
    }
}

Answer 5

在我看来，您应该创建属性 - IsKeyNavigation（如 IsMouseOver）

protected override void OnPreviewKeyDown(System.Windows.Input.KeyEventArgs e)
{
    Debug.Write("Pressed " + e.Key+ " ");
    if (e.Key == System.Windows.Input.Key.Up || e.Key == System.Windows.Input.Key.Down)
    {
        VisualStateManager.GoToState(this, "KeyNavigation", true);
        e.Handled = true;
        return;
    }
    base.OnPreviewKeyDown(e);
}

如果 Key.Up 或 Key.Down 被按下，您应该定义导航元素并更改 VisualState。

Answer 6

您应该在组合框中的所有ComboBoxItems 上处理此事件。

   <ComboBox.Resources>
        <Style TargetType="{x:Type ComboBoxItem}">
           <EventSetter Event="PreviewKeyDown" Handler="OnPreviewKeyDown" />
        </Style> 
  </ComboBox.Resources>

编辑：

在后面的代码中，您可以在 InitializeComponent() 之后在 MyComboBox 的构造函数中添加以下代码...

  var comboBoxItemstyle = new Style(typeof (ComboBoxItem));  
  comboBoxItemstyle.Setters.Add(
        new EventSetter(PreviewKeyDownEvent,
                new KeyEventHandler(OnPreviewKeyDown)));
  this.Resources.Add(typeof (ComboBoxItem), comboBoxItemstyle);

希望这会有所帮助。