How to rotate a element with a binding?

[Omega596]

I tried to do it with a IState to the rotation property but it didn't react to changes. My project is MVUX.

[jeromelaban]

Thanks for the question! Could you provide a repro of what you're trying to do, as well as the platform you're testing it on?

[Omega596]

To rotate a element you need to add a RenderTransform to the element and then a composite transform, then change the rotation value.
Example:

<Page x:Class="Shturman.Presentation.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      mc:Ignorable="d"

    <Grid>
          <Image Width="220" Height="220" Source="Whatever">
                <Image.RenderTransform>
                    <RotateTransform Angle="{Binding whatever.whatever}"/>
                </Image.RenderTransform>
            </Image>
    </Grid>

Tip: use RenderTransformOrigin="0.5,0.5" to center the rotation