How UIElement.Rotation Property works

Question

Hello,

I cant understand how
UIElement.Rotation Property works

In win docs:
https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.uielement.rotation?view=winrt-19041

is wrote that it sets rotation angle, but when i set this property in XAML uielement isn't rotated.
Below example doesnt work.

<Canvas xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" Width="500" Height="80" Rotation="40"><TextBlock Canvas.Left="24" Canvas.Top="5" Width="450" Text="2020" FontSize="45" FontFamily="Segoe UI" FontStyle="Normal" FontWeight="Normal" Foreground="#FF7FFFD4" Rotation="40"/></Canvas>

Answer 1

Hello,
Welcome to Microsoft Q&A,

Assigning value to UIElement.Rotation in the code can implement control rotation.

Alternatively, you can also use UIElement.RenderTransform property and RotateTransform class in XAML to complete the rotation. For example,

<TextBlock.RenderTransform>  
    <RotateTransform Angle="40" />  
</TextBlock.RenderTransform>  

Note, these two properties cannot be used at the same time.

---

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.