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

最新推荐文章于 2025-05-11 01:03:32 发布

pandeveloper

最新推荐文章于 2025-05-11 01:03:32 发布

阅读量7.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： .Net 文章标签： textbox wpf border setter

本文链接：https://blog.youkuaiyun.com/pandeveloper/article/details/6616683

.Net 专栏收录该内容

28 篇文章

订阅专栏

当TextBox纵向长度较长且文字字体小，文字默认不垂直居中。TextBox虽无直接属性调整垂直对齐，但因其继承Control，可通过修改Template实现。通过设置样式并指定ContentHost，可以解决这个问题。内容宿主元素必须是ScrollViewer或AdornerDecorator，并标记为PART_ContentHost。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目中的问题：

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>

最后应用一下样式可以了。

PS:

内容宿主是用来呈现 TextBox 内容的元素。TextBox 的 ControlTemplate 必须仅包含一个标记为内容宿主元素的元素。若要将某个元素标记为内容宿主，应为它指定特殊名称 PART_ContentHost。内容宿主元素必须为 ScrollViewer 或 AdornerDecorator。内容宿主元素可能不会承载任何子元素。

本文链接地址为：http://blog.youkuaiyun.com/wushang923/article/details/6590302