windows-10-universal - WPF XAML 在 UWP 边距问题中旋转 90°

Question

嗨，我正在努力解决 XAML 中的轮换问题。我找到了一个 LayoutTransform 应该解决这个问题的解决方案，但是在 Windows Universal Plattform 上这个选项不可用!

这是我的代码:

    <StackPanel Orientation="Horizontal" VerticalAlignment="Center"
                HorizontalAlignment="Center">
        <Rectangle Fill="Red" Height="100" Width="100" />
        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center"
                   Text="long long long long long long long long text"
                   RenderTransformOrigin="0.5,0.5" >
            <TextBlock.RenderTransform>
                <CompositeTransform Rotation="90"/>
            </TextBlock.RenderTransform>
        </TextBlock>
        <Rectangle Fill="Green" Height="100" Width="100" />
    </StackPanel>

但是正如您所看到的，彩色框和文本块之间有很大的边距，如下所示:



所以我的第一个猜测是添加一个 Width="30" textblock 的属性，但这不起作用，正如您在此处看到的那样(不仅偏移是问题，而且裁剪也是问题):



有什么建议？

Answer 1

试试 WinRTXamlToolkit 的 LayoutTransform 控件。以下链接应该会有所帮助。

Github Source链接和 Demo关联