如何缩小MDIX框架中MaterialDesignTextFieldBoxTextBox样式的TextBox尺寸

云上老周

2026-5-21

缩小MDIX MaterialDesignTextFieldBoxTextBox高度的解决方案

嘿，我懂MDIX这个文本框样式默认确实有点“厚重”，分享几个简单直接的方法帮你把高度降下来：

调整内边距（最快捷）：这个样式的高度主要来自默认的上下内边距，直接给TextBox设置Padding属性，把上下值改小就能立刻缩高度。比如：
```
<TextBox 
    materialDesign:HintAssist.Hint="Search" 
    Style="{StaticResource MaterialDesignTextFieldBoxTextBox}"
    Padding="8,4,8,4" />
```
这里Padding的四个值对应左、上、右、下，你可以根据需求微调上下的数值（比如改成3或者2），直到高度符合预期。
全局重写样式资源（适合多控件场景）：如果你有很多这类文本框，不想一个个手动设置Padding，可以在窗口/页面的资源里重写MDIX的默认内边距资源：
```
<Window.Resources>
    <Thickness x:Key="MaterialDesignTextFieldBoxPadding">8 4 8 4</Thickness>
</Window.Resources>
```
这样所有应用MaterialDesignTextFieldBoxTextBox样式的TextBox都会自动使用这个内边距，省得重复操作。
配合字体大小调整：如果调完Padding还是觉得偏高，可以同时缩小FontSize，文本框高度会跟着字体大小自适应，注意别把字体调得太小，不然提示文字（Hint）可能会出现显示错位：
```
<TextBox 
    materialDesign:HintAssist.Hint="Search" 
    Style="{StaticResource MaterialDesignTextFieldBoxTextBox}"
    Padding="8,4"
    FontSize="12" />
```