如何：将“Xaml 中的材料设计”`ComboBox` 行为更改为仅在单击箭头时显示下拉列表？ 源代码

如何解决如何：将“Xaml 中的材料设计”`ComboBox` 行为更改为仅在单击箭头时显示下拉列表？ 源代码

如何修改Xaml 中的材料设计 (MDIX) ComboBox，以便在单击箭头按钮时仅显示项目列表？有没有一种简单的方法可以在不破坏图书馆行为的情况下做到这一点？

如果您能提供任何见解，我们将不胜感激。

上下文

对于 .NET ComboBox，IsEditable="True" 的默认行为是：

• 用户点击 ComboBox，不显示可用选项列表。 期望的行为
• 用户点击 ComboBox 箭头，显示可用选项列表。

对于 MDIX ComboBox，IsEditable="True" 的默认行为是：

• 用户点击 ComboBox，显示可用选项列表。 不良行为
• 用户点击 ComboBox 箭头，显示可用选项列表。

附加 SnoopWPF 表明 MouseLeftButtonDown 事件正在触发，但我不愿进行任何重大更改（例如制作我自己的资源副本），因为我希望与未来版本的 MDIX 保持兼容.

环境

• MaterialDesignInXamlToolkit GitHub 上的项目
• 使用 MaterialDesignThemes NuGet 包 v4.0.0-ci2347
  • 资源定义：MaterialDesignTheme.ComboBox.xaml

解决方法

根本原因

我不知道这是否是 MDIX 库的初衷，但似乎是：

1. toggleButton 在视觉树中的位置高于 PART_EditableTextBox
2. 当您打开 toggleButton 边框时，您会看到 Button 占据了 ComboBox 的整个宽度

因此，toggleButton 将始终拦截鼠标事件。

解决方案

我终于找到了一个解决方案：创建一个 WPF 附加属性。这使我们能够：

• 行为更像微软的ComboBox
• 同时使升级到 MDIX 库的未来版本相对容易

源代码

XAML 中的以下附加行为

<ComboBox materialDesign:TextFieldAssist.HasClearButton="True">
  <!-- implementation details here -->
</ComboBox>

使用此 WPF 附加行为：

internal static class MdixComboBoxBehavior
{
        public static readonly DependencyProperty UseMicrosoftBehaviorProperty = DependencyProperty.RegisterAttached(
            "UseMicrosoftBehavior",typeof(bool),typeof(MdixComboBoxBehavior),new UIPropertyMetadata(default(bool),UseMicrosoftBehaviorChanged));

        public static bool GetUseMicrosoftBehavior(DependencyObject obj)
        {
            return (bool)obj.GetValue(UseMicrosoftBehaviorProperty);
        }

        public static void SetUseMicrosoftBehavior(DependencyObject obj,bool value)
        {
            obj.SetValue(UseMicrosoftBehaviorProperty,value);
        }

        public static void UseMicrosoftBehaviorChanged(DependencyObject s,DependencyPropertyChangedEventArgs e)
        {
            if (s is ComboBox comboBox)
            {
                comboBox.Loaded += OnControlLoaded;
            }
        }

        private static void OnControlLoaded(object sender,RoutedEventArgs e)
        {
            if (sender is ComboBox comboBox)
            {
                if (comboBox.Template != null)
                {
                    if (comboBox.Template.FindName("toggleButton",comboBox) is ToggleButton button)
                    {
                        // Bug fix: the following makes the MDIX ComboBox 
                        // behave more like a Microsoft ComboBox. A list of options
                        // is only displayed when the user clicks the down arrow.
                        button.BorderThickness = new Thickness(1);
                        button.Width = 10;
                        button.HorizontalAlignment = HorizontalAlignment.Right;
                    }
                }
            }
        }
    }