In this article we will learn how to use RotateTransform in WPF using VB.NET.
RotateTransform
RotateTransform is used for the process of rotating an element to a certain angle around a central point. The below example shows image rotating according to a angle.
Example
Taking a Image control and three Button control on the form. The form looks like this.
Figure 1.
XAML code
<Window x:Class="MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="348" Width="525">
<Grid>
<Button Content="LeftRotate" Height="23" HorizontalAlignment="Left" Margin="386,12,0,0"Name="Button1"
VerticalAlignment="Top" Width="75" />
<Image Height="150" HorizontalAlignment="Left" Margin="134,40,0,0" Name="Image1"Stretch="Fill"
VerticalAlignment="Top" Width="200"Source="
/WpfApplication29;component/Images/flowers-image.jpg" />
<Button Content="RightRotate" Height="23" HorizontalAlignment="Left" Margin="386,49,0,0"Name="Button2"
VerticalAlignment="Top" Width="75" />
<Button Content="Same" Height="23" HorizontalAlignment="Left" Margin="386,87,0,0"Name="Button3"
VerticalAlignment="Top" Width="75" />
</Grid>
</Window>
Now double click on the LeftButton and add the following code.
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e AsSystem.Windows.RoutedEventArgs) Handles Button1.Click
Dim rotateTransform1 As New RotateTransform()
rotateTransform1.Angle = 30
Image1.RenderTransform = rotateTransform1
End Sub
Now double click on the RightButton and add the following code.
Private Sub Button2_Click(ByVal sender As System.Object, ByVal e AsSystem.Windows.RoutedEventArgs) Handles Button2.Click
Dim rotateTransform1 As New RotateTransform()
rotateTransform1.Angle = 60
Image1.RenderTransform = rotateTransform1
End Sub
Now double click on the Same Button for old position.
Private Sub Button3_Click(ByVal sender As System.Object, ByVal e AsSystem.Windows.RoutedEventArgs) Handles Button3.Click
Dim rotateTransform1 As New RotateTransform()
Image1.RenderTransform = rotateTransform1
End Sub
Now run the application and test it.
Figure 2.
Now click on the LeftButton. The image looks like this.
Figure 3.
Now click on the same Button. The image looks like this.
Figure 4.