天天看點

VS程式設計,WPF中,關于TextBlock與TextBox 控件文本垂直居中或者水準居中的說明 1、對于指定了長、寬的區域,用TextBox 實作文本居中2、對于未指定寬高的區域,可用TextBlock

有時為了顯示的美觀性,需要将文本控件中的文字垂直或者水準居中,這裡說明一下需要注意的地方。

 1、對于指定了長、寬的區域,用TextBox 實作文本居中

例如:一個長400,高100的文本框,要實作文字居中

<TextBox FontSize="36"
                 Width=" 400"
                 Height=" 100"
                 HorizontalContentAlignment="Center"
                 VerticalContentAlignment="Center"
                 Text="這裡顯示文本輸出">
        </TextBox>
           

效果如下:

VS程式設計,WPF中,關于TextBlock與TextBox 控件文本垂直居中或者水準居中的說明 1、對于指定了長、寬的區域,用TextBox 實作文本居中2、對于未指定寬高的區域,可用TextBlock

注意:

  • 對控件中的文字起居中作用的代碼是,即使控件寬高未指定也可行。
 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 控件文本垂直居中或者水準居中的說明 1、對于指定了長、寬的區域,用TextBox 實作文本居中2、對于未指定寬高的區域,可用TextBlock

繼續閱讀