Telerik UI for Windows Phone by Progress

The most specific thing about RadLayoutTransformControl is that it not only applies a transform to its content, but applies it in such a way that makes the surrounding control respond to it. Here is an example of two buttons. One of them is rotated to 45 degrees via its RenderTransform property.

CopyXAML
<StackPanel>
    <Button Content="Button 1" HorizontalAlignment="Center" RenderTransformOrigin="0.5,0.5" Margin="0,30,0,0">
        <Button.RenderTransform>
            <RotateTransform Angle="45" />
        </Button.RenderTransform>
    </Button>
    <Button Content="Button 2" HorizontalAlignment="Center" />
</StackPanel>

Here is a snapshot of them.

Layout Transform-Layout Transform-01

Note that the rotated button overlaps the one below it. Now wrap the rotated button inside RadLayoutTransformControl with LayoutTransform set to the same RotateTransform. In this case, the buttons won't overlap.

CopyXAML
<StackPanel>
    <telerikPrimitives:RadLayoutTransformControl x:Name="radLayoutTransformControl">
        <telerikPrimitives:RadLayoutTransformControl.LayoutTransform>
            <RotateTransform Angle="45" />
        </telerikPrimitives:RadLayoutTransformControl.LayoutTransform>
        <Button Content="Button 1" HorizontalAlignment="Center"></Button>
    </telerikPrimitives:RadLayoutTransformControl>
    <Button Content="Button 2" HorizontalAlignment="Center" />
</StackPanel>

Here is a snapshot of the result.

Layout Transform-Layout Transform-02