Почему мой текст обрезан?

Question

Когда я пытаюсь добавить текстовый блок к элементу границы, я вижу только часть текста. Я поворачиваю текст после добавления его к границе, и это вызывает проблему. Увеличение ширины границы устраняет эту проблему. Но моя граница должна быть всего 20 единиц в ширину.

альтернативный текст http://img257.imageshack.us/img257/1702/textcrop.jpg

Что мне здесь не хватает?

        <Border
          Name="BranchBorder"
          CornerRadius="0"
          HorizontalAlignment="Left"
          Width="20">
          <TextBlock 
            Name="Branch" 
            FontSize="14"
            FontWeight="Bold"
            VerticalAlignment="Center">
           <TextBlock.RenderTransform>
             <RotateTransform 
               Angle="-90"/>
           </TextBlock.RenderTransform>
            Branch
          </TextBlock>
        </Border>

Answer 1

Попробуйте использовать LayoutTransform

    <Border
      Name="BranchBorder"
      CornerRadius="0"
      HorizontalAlignment="Left"
      Width="20">
      <TextBlock
         Name="Branch"
         FontSize="14"
        FontWeight="Bold"
        VerticalAlignment="Center">
       <TextBlock.LayoutTransform>
         <RotateTransform
            Angle="-90"/>
       </TextBlock.LayoutTransform>
        Branch
      </TextBlock>
    </Border>

Есть множество записей в блоге, описывающих разницу между RenderTransform и LayoutTransform , и вот отличная визуальная демонстрация от Charles Petzold RenderTransformVersusLayoutTransform.xaml

Answer 2

Похоже, что текст наследует преобразования <border> до того, как преобразование поворота может повернуть его. Это означает, что текст сначала обрезается до ширины 20 единиц, а , а затем поворачивается на -90 градусов.

Хотя у меня нет фактического решения, я могу подтвердить, что его порядок преобразований, вызывающих проблему.