XAML - выравнивание по центру текстового блока после вращения

Question

У меня есть стекпанель с текстовым блоком и изображением. Мне нужно, чтобы выровнять TextBlock центровку с вращением (90 градусов) .like это,

Но после поворота TextBlock я всегда получаю результат, как эта,

это код XAML, который я использую,

<StackPanel Orientation="Horizontal"> 
     <Image Width="120" Source="ms-appx:///Assets/mail.jpg"/> 
     <TextBlock Text="send mail" FontSize="15" Margin="25,0,0,0" > 
      <TextBlock.RenderTransform> 
       <RotateTransform Angle="90"/> 
      </TextBlock.RenderTransform> 
     </TextBlock> 
    </StackPanel> 

как я могу выровнять свой текстовый блок в центре ..?

Answer 1

Установка вертикальной привязки TextBlock к «Центру» и Вращение вокруг центральной точки TextBlocks путем установки RenderTransformOrigin должно помочь.

<TextBlock Text="xyz" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5" Margin="25,0,0,0"> 
    <TextBlock.RenderTransform> 
     <RotateTransform Angle="90" /> 
    </TextBlock.RenderTransform> 
</TextBlock>