有时为了显示的美观性,需要将文本控件中的文字垂直或者水平居中,这里说明一下需要注意的地方。
1、对于指定了长、宽的区域,用TextBox 实现文本居中
例如:一个长400,高100的文本框,要实现文字居中
<TextBox FontSize="36"
Width=" 400"
Height=" 100"
HorizontalContentAlignment="Center"
VerticalContentAlignment="Center"
Text="这里显示文本输出">
</TextBox>
效果如下:
注意:
对控件中的文字起居中作用的代码是,即使控件宽高未指定也可行。
HorizontalContentAlignment="Center"
VerticalContentAlignment="Center"
若需要对控件本身居中排布,使用代码
HorizontalAlignment="Center"
VerticalAlignment="Center"
TextBox 默认白色背景,显示区域与周围有分界
如果不需要背景色,没有分界效果,增加 :
Background="Transparent"
TextBox 有边框属性,在通过如下属性设置边框的粗细,默认为0
BorderThickness="5"
2、对于未指定宽高的区域,可用TextBlock
TextBlock没有像TextBox 一样的VerticalContentAlignment属性,因为 TextBlock不用设置高度,它会按照文字高度自动调整控件的高度与宽度,默认就是居中。也就是说,只要TextBlock本身在整个布局容器中是垂直居中的,文字也就居中。
TextBlock不能设置高度与长度。
TextBlock设置自身的宽高居中就行了。
<Grid Background="Beige">
<TextBlock FontSize="36"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Text="这里显示文本输出">
</TextBlock>
</Grid>
效果如下:
————————————————
版权声明:本文为CSDN博主「 子不语」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_43307934/article/details/82969733