WPF XAML Um 90 ° in UWP Marge drehen Ausgabe

Question

Hallo Ich habe Probleme mit der Rotation in XAML. Ich habe eine Lösung gefunden, dass LayoutTransform dieses Problem lösen sollte, aber auf der Windows Universal Plattform ist diese Option nicht verfügbar!

Das ist mein Code:

<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> 

Aber wie Sie gibt es eine große Spanne zwischen den farbigen Kästchen sehen können und der Textblock wie Sie hier sehen können:

Also meine erste Schätzung war, eine Width="30" Eigenschaft dem Textblock hinzuzufügen, aber das funktioniert nicht, wie Sie hier sehen können (nicht nur der Offset ist das Problem, aber das Zuschneiden ist das Problem):

Irgendwelche Vorschläge?

Answer 1

Testen Sie das LayoutTransform-Steuerelement des WinRTXamlToolkit. Folgende Links sollten helfen.

Github Source Verbindung und Demo Verbindung