WPF finishing papers Animation TransformGroup

Original: WPF finishing papers Animation TransformGroup

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


  
  
  1. <Grid>
  2. <Grid>
  3. <Grid.ColumnDefinitions>
  4. <ColumnDefinition Width= "233*"/>
  5. <ColumnDefinition Width= "284*"/>
  6. </Grid.ColumnDefinitions>
  7. <Image Source= "Image/Dog.jpg" Width= "200" Height= "200" Margin= "5,60,79,60" Grid.Column= "1" RenderTransformOrigin= "0.5,0.5" >
  8. </Image>
  9. <Image Source= "Image/Dog.jpg" Width= "200" Height= "200" Margin= "33,60,0,60" RenderTransformOrigin= "0.5,0.5" >
  10. <Image.RenderTransform>
  11. <TransformGroup>
  12. <ScaleTransform ScaleX= "-1"></ScaleTransform>
  13. <RotateTransform Angle= "10"></RotateTransform>
  14. <TranslateTransform X= "-15"></TranslateTransform>
  15. </TransformGroup>
  16. </Image.RenderTransform>
  17. </Image>
  18. </Grid>
  19. </Grid>

 

Guess you like

Origin www.cnblogs.com/lonelyxmas/p/12075528.html