动画分组 TransformGroup

一个元素可能要有缩放 ScaleTransform和移动 TranslateTransform等多个效果组合

就需要分组

 RenderTransformOrigin 中心点设置 "0.5,0.5" 为中间

在编辑器中  有设置

  
  

   
   

    
    

     
     

    
    
    
    

     
     

      
          <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>