VS编程,WPF中,关于TextBlock与TextBox 控件文本垂直居中或者水平居中的说明

摘要:
有时,文本控件中的文本需要垂直或水平居中,以便美观地显示。这里有一些需要注意的点。也就是说,只要TextBlock本身在整个布局容器中垂直居中,文本也会居中。TextBlock无法设置高度和长度。TextBlock可以将其宽度和高度设置为中心。

有时为了显示的美观性,需要将文本控件中的文字垂直或者水平居中,这里说明一下需要注意的地方。

1、对于指定了长、宽的区域,用TextBox实现文本居中
例如:一个长400,高100的文本框,要实现文字居中

<TextBox FontSize="36"
Width=" 400"
Height=" 100"
HorizontalContentAlignment="Center"
VerticalContentAlignment="Center"
Text="这里显示文本输出">
</TextBox>
效果如下:

VS编程,WPF中,关于TextBlock与TextBox 控件文本垂直居中或者水平居中的说明第1张

注意:
对控件中的文字起居中作用的代码是,即使控件宽高未指定也可行。
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>

效果如下:

VS编程,WPF中,关于TextBlock与TextBox 控件文本垂直居中或者水平居中的说明第2张

————————————————
版权声明:本文为CSDN博主「 子不语」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_43307934/article/details/82969733

免责声明:文章转载自《VS编程,WPF中,关于TextBlock与TextBox 控件文本垂直居中或者水平居中的说明》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Xp 激活ADB命令下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

WPF 2D绘图(3)PathGeometry

PathGeometry可以创建任意的2D图形形状。 其内部通过PathSegment集合来实现 如画2个三角形 <Path Stroke="Black" StrokeThickness="1"> <Path.Data> <PathGeometry>...

学习WPF——WPF布局——了解布局容器

WPF布局工作内部原理 WPF渲染布局时主要执行了两个工作:测量和排列 测量阶段,容器遍历所有子元素,并询问子元素所期望的尺寸 排列阶段,容器在合适的位置放置子元素,并设置元素的最终尺寸 这是一个递归的过程,界面中任何一个容器元素都会被遍历到 WPF布局容器的继承机制 DispatcherObject WPF应用程序使用单线程亲和模型(STA...

WPF知识点全攻略06- WPF逻辑树(Logical Tree)和可视树(Visual Tree)

介绍概念之前,先来分析一段代码: xaml代码如下: <Window x:Class="WpfApp1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.micros...

【WPF】附加属性

一直都对附加属性理解很模糊,今天看了一篇文章,恍然大悟,用个Demo掩饰一下对附加属性的理解 附加属性,简单的理解就是给一个对象外在的定义一个属性,使得该对象拥有和使用该属性,最典型的是Grid.Row和Canvas.Top的应用 1、定义一个空间Rectangle,并且使之旋转30度 <Rectangle Fill="Red" Wi...

WPF实现3D翻转的动画效果

1、前端代码实现 1.1 原理见代码注析 <Grid MouseDown="Grid_MouseDown"> <Viewport3D> <Viewport3D.Camera> <!-- Position属性指定3D空间中摄像机的位置,LookDirection属性为摄...

WPF基础到企业应用系列6——布局全接触

转自:http://www.cnblogs.com/KnightsWarrior/archive/2010/08/02/1790131.html 2010-08-02 05:21        by        圣殿骑士,        11455阅读,        89评论,        收藏,        编辑 一. 摘要   首先很高兴这个...