xaml - XAML - 旋转后文本块的中心对齐

Question

我有一个带有文本块和图像的堆栈面板。我需要将文本块与旋转（90度）对齐。像这样，

但是，在旋转文本块后，我总是得到这样的结果，

这是我正在使用的 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 的 VerticalAlignment 设置为“Center”并通过设置 RenderTransformOrigin 围绕 TextBlocks 中心点旋转应该会有所帮助。

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