TextBlock填充垂直空间

我想要创建一个垂直（-90变换角度）的TextBlock（或一些其他文本仅用于显示的元素），但我希望该元素填充它包含的垂直空间中，但有一个定义的水平量（我使用垂直和水平项而不是高度和宽度，因为当我将TextBlock垂直移动时它会被交换），并将它对齐到容器的左侧。TextBlock填充垂直空间

我相信我明白如何使TextBlock垂直使用RenderTransform或LayoutTransform。然而，我似乎无法让“对接”正常工作，只要我改变容器的垂直方向，水平方向而不是垂直方向增加。

以下是我有：在用户控件的

<UserControl 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
mc:Ignorable="d" 
x:Class="AttendanceTracker.StudentView" 
x:Name="UserControl" Height="172.666" Width="417.333"> 

<StackPanel x:Name="LayoutRoot" Orientation="Horizontal"> 
    <Border BorderBrush="Black" BorderThickness="1" RenderTransformOrigin="0.5,0.5" Background="#52FFFFFF" Width="139.667"> 
     <TextBlock Text="My Title" TextWrapping="Wrap" FontSize="18.667" TextAlignment="Center" Foreground="White" Margin="-58.509,68.068,49.158,70.734" Background="Black" RenderTransformOrigin="0.5,0.5" Width="147.017" d:LayoutOverrides="Height"> 
      <TextBlock.RenderTransform> 
       <TransformGroup> 
        <ScaleTransform/> 
        <SkewTransform/> 
        <RotateTransform Angle="-90"/> 
        <TranslateTransform/> 
       </TransformGroup> 
      </TextBlock.RenderTransform> 
     </TextBlock> 
    </Border> 
</StackPanel>

变化的高度，你会发现，TextBlock增加水平方面，而不是所需的垂直方面。

来源

2009-08-26 David

如果我理解正确的话，那么这个应该指向你在正确的方向：

<StackPanel Orientation="Horizontal"> 
    <TextBlock Background="Red" Text="My Title"> 
     <TextBlock.LayoutTransform> 
      <TransformGroup> 
       <RotateTransform Angle="90"/> 
      </TransformGroup> 
     </TextBlock.LayoutTransform> 
    </TextBlock> 
</StackPanel>

的关键是使用LayoutTransform，不RenderTransform。这将确保在转换发生后发生另一个布局传递。否则，布局系统将使用原始的边界矩形来布局TextBlock。

除此之外，我只是摆脱了所有Blend生成的cruft，看看发生了什么。结果如下：

alt text http://img187.imageshack.us/img187/1189/screenshottbv.png

来源

2009-08-26 21:13:31

TextBlock填充垂直空间

回答

相关问题