如何從 MaterialDesignXamlToolkit 中刪除 ComboBox 控件中的裝飾器可見性？

Question

如何從MaterialDesignXamlToolkit中刪除ComboBox控件中的裝飾器可見性？

示例：我想從中得到：

對此：

我試圖將文本字段裝飾可見性設置為隱藏：

materialDesign:TextFieldAssist.DecorationVisibility="Hidden"

但是，這不會刪除下划線裝飾。

有任何想法嗎？

Answer 1

您在ComboBox中看到了兩種不同的裝飾。

• 使用此附加屬性可以隱藏具有不同效果的Underline ：

   materialDesign:TextFieldAssist.DecorationVisibility="Hidden"

  您可以在 GitHub 上的默認控件樣式中看到此下划線。

• ComboBox 底部有一個不受附加屬性影響的邊框。

   <Setter Property="BorderThickness" Value="0 0 0 1"/>

由於您已經停用了下划線，您可能想要刪除邊框。 最簡單的方法是在ComboBox上完全設置BorderThickness 。

<ComboBox materialDesign:TextFieldAssist.DecorationVisibility="Hidden"
          BorderThickness="0">

如果您願意，您當然可以將其移至可重復使用的樣式。

<Style x:Key="MyComboBoxStyle" TargetType="{x:Type ComboBox}" BasedOn="{StaticResource {x:Type ComboBox}}">
   <Setter Property="materialDesign:TextFieldAssist.DecorationVisibility" Value="Hidden"/>
   <Setter Property="BorderThickness" Value="0"/>
</Style>

<ComboBox Style="{StaticResource MyComboBoxStyle}">

如果要使樣式隱式應用於 scope 中的所有ComboBox es，請刪除x:Key 。