XAML 只读组合框

Question

要在 XAML (WPF) 中设置只读 ComboBox，您必须设置一个 ComboBox 和一个 TextBox，根据ViewModel 上必须存在的一对属性 IsReadOnly/IsEditable。请注意，在此示例中，“UserNVL”必须存在于资源中，并且它应该是一个 NameValueList 集合，允许我们将 ID 转换为名称。在本例中，RecipientID 是用户名的键。另请注意，VisibilityConverter 也必须存在于资源中，并且它是标准的 BooleanToVisibilityConverter。

天哪！这太难找到了，我必须自己做。这允许用户选择文本框的内容。禁用的 ComboBox 绝不允许您执行此操作。

Answer 1

有两个名为 IsHitTestVisible 和 IsHitTestVisible 的属性。 IsTabVisible。前者使控件对鼠标事件充耳不闻，后者对键盘事件充耳不闻。
这可以帮助您，因为它不会给您的组合框提供禁用的外观，但您将成功制作只读组合框。
来源 ：-
http://www.telerik.com /community/forums/wpf/combobox/isreadonly-does-sem-to-work.aspx

Answer 2

为什么不直接设置 IsEnabled=false 呢？

Answer 3

<DockPanel>
  <TextBlock Text="Recipient" Margin="6,9,3,6" HorizontalAlignment="Right"/>
  <ComboBox
      x:Name="RecipientID"
      ItemsSource="{Binding Source={StaticResource UserNVL}}"
      DisplayMemberPath="Value"
      SelectedValuePath="Key"
      SelectedValue="{Binding Path=RecipientID}"
      Height="20"
      Margin="6,6,0,6"
      MinWidth="200"
      HorizontalAlignment="Left"
      IsEditable ="True"
      Visibility="{Binding Path=IsEditable, Converter={StaticResource VisibilityConverter}}"/>
  <TextBox
      x:Name="RecipientName"
      Text="{Binding ElementName=RecipientID, Path=Text}"
      Margin="6,6,0,6"
      MinWidth="200"
      HorizontalAlignment="Left"
      Style="{StaticResource textBoxInError}"
      Visibility="{Binding Path=IsReadOnly, Converter={StaticResource VisibilityConverter}}"/>
</DockPanel>

Answer 4

我认为您会发现以这种非常简单的方式创建一个类来扩展 ComboBox 类更加容易和实用：

1. 重写 Combobox 的 OnSelectionChanged 方法以在允许运行 base.OnSelectionChanged(e) 之前检查属性 IsReadOnly 。

这样您只需将 ComboBox.IsReadOnly 属性设置为 True 即可。无需到处编写大型 XAML...

Answer 5

下面是一个自定义 ComboBox 子类，它提供了我的场景所需的只读行为：

public class ReadOnlyComboBox : ComboBox
{
    static ReadOnlyComboBox()
    {
        IsDropDownOpenProperty.OverrideMetadata(typeof(ReadOnlyComboBox), new FrameworkPropertyMetadata(
            propertyChangedCallback: delegate { },
            coerceValueCallback: (d, value) =>
            {
                if (((ReadOnlyComboBox)d).IsReadOnly)
                {
                    // Prohibit opening the drop down when read only.
                    return false;
                }

                return value;
            }));

        IsReadOnlyProperty.OverrideMetadata(typeof(ReadOnlyComboBox), new FrameworkPropertyMetadata(
            propertyChangedCallback: (d, e) =>
            {
                // When setting "read only" to false, close the drop down.
                if (e.NewValue is true)
                {
                    ((ReadOnlyComboBox)d).IsDropDownOpen = false;
                }
            }));
    }

    protected override void OnSelectionChanged(SelectionChangedEventArgs e)
    {
        if (IsReadOnly)
        {
            // Disallow changing the selection when read only.
            e.Handled = true;
            return;
        }

        base.OnSelectionChanged(e);
    }
}

关于此方法的要点：

• 与引入其他 UI 元素的方法不同，不会破坏应用于元素的任何现有样式。
• 只读时不会破坏输入焦点。您仍然可以使用 Tab 键进入并单击以聚焦此元素。这更容易访问，这是我的场景中所关心的问题。
• 默认情况下，UI 元素在只读时看起来没有任何不同。如果您需要的话，您将必须应用相关的样式来实现它。

Answer 6

如果 IsEnabled 设置为 false，则 Combobox 值几乎不可读。我发现合适的解决方案是：

• 组合框和文本框（格式化为只读）位于相同的网格位置
• 组合框跨越到下一列以获得额外的 15 宽度，因此下拉按钮可见
• 文本框。IsVisible 绑定到组合框。IsEnabled 具有 bool 可见性转换器。
• textbox.Text 绑定到combobox.SelectedItem（在我的例子中，它是强类型的，所以我实际上绑定到它的.DisplayText）