控件篇 - 子控件在StackPanel里的居中问题

如下面代码：

<StackPanel Width="200" Height="80" Background="Tomato">
   <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="ABCD"/>
  </StackPanel>

 

原意是想通过HorizontalAlignment和VerticalAlignment属性把TextBlock在StackPanel里水平和垂直都居中，但实际效果如下：

水平是居中了，垂直却没有。

原因是StackPanel默认的Orientation是Vertical，这种情况下只能设置水平方向的对齐属性；

当StackPanel的Orientation是Horizontal的时候，则只能设置竖直方向的对齐属性。

 

所以，要想水平和垂直都居中，布局控件篇不要用StackPanel，又或者在TextBlock和StackPanel之间再包一个布局控件。