有時為了顯示的美觀性,需要将文本控件中的文字垂直或者水準居中,這裡說明一下需要注意的地方。
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>
效果如下: