Question

如何让TextBox中的文字实现垂直居中

Answer 1

TextBox控件中，文字实现垂直居中

TextBox纵向长度比较长但文字字体比较小的时候，在输入时就会发现文字不是垂直居中的。 而使用中我们发现，TextBox虽然可以设置文字的水平对齐方式，但却没有相应的属性让我们来调节他的垂直对齐方式。好在TextBox继承自Control类，可以通过修改Template模板来改变他的属性样式（TextBlock继承自FrameworkElement，不可进行模板编辑）。

<Style x:Key="Test_TextBox" TargetType="{x:Type TextBox}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type TextBox}">
<Border x:Name="border" Width="Auto" Height="Auto" BorderThickness="1" BorderBrush="#FF7F9DB9">
<Grid x:Name="grid" Background="#FFFFFF">
<ScrollViewer x:Name="PART_ContentHost" VerticalAlignment="Center" HorizontalAlignment="Left"/>
</Grid>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>