Animation group TransformGroup
ScaleTransform element may have a zoom effect and many other combinations of mobile TranslateTransform
We need to be grouped
RenderTransformOrigin central point set up "0.5, 0.5" for the middle
There are settings in the editor
-
<Grid>
-
-
-
<Grid>
-
<Grid.ColumnDefinitions>
-
<ColumnDefinition Width=
"233*"/>
-
<ColumnDefinition Width=
"284*"/>
-
</Grid.ColumnDefinitions>
-
<Image Source=
"Image/Dog.jpg" Width=
"200" Height=
"200" Margin=
"5,60,79,60" Grid.Column=
"1" RenderTransformOrigin=
"0.5,0.5" >
-
-
</Image>
-
<Image Source=
"Image/Dog.jpg" Width=
"200" Height=
"200" Margin=
"33,60,0,60" RenderTransformOrigin=
"0.5,0.5" >
-
<Image.RenderTransform>
-
<TransformGroup>
-
<ScaleTransform ScaleX=
"-1"></ScaleTransform>
-
<RotateTransform Angle=
"10"></RotateTransform>
-
<TranslateTransform X=
"-15"></TranslateTransform>
-
</TransformGroup>
-
</Image.RenderTransform>
-
-
</Image>
-
</Grid>
-
-
</Grid>