1、前端代码实现

1.1 原理见代码注析

1 
     
       2     
      
        3         
       
         4             
         5             
         6         
        7         
       
         8             
        
          9                 
         
          10                     
          
           11 
           12 
           13 
           14 
          15                     
          
           16 
           17 
          18                     
          
           19 
           20 
           21 
          22                 
         23                 
         
          24                     
          
           25 
           26 
          27                     
          
           28 
           29 
          30                     
          
           31 
           32 
           33 
          34                 
         35                 
         
          36                     
          
           37 
           
            38 
            39 
            40 
           41 
          42                 
         43             
        44             
        
         45                 
         
          46                     
          47                     
          48                 
         49             
        50         
       51     
      52 
     

2、后端代码实现

2.1 通过鼠标单击翻转动画180度显示对象反面，鼠标双击翻转动画0度显示对象正面。

1 private void Grid_MouseDown(object sender, MouseButtonEventArgs e) 2 { 3     DoubleAnimation da = new DoubleAnimation(); 4     da.Duration = new Duration(TimeSpan.FromSeconds(1)); 5     if (e.ClickCount == 2) 6         da.To = 0d; 7     else 8         da.To = 180d; 9     AxisAngleRotation3D aar = Application.Current.MainWindow.FindName("aar") as AxisAngleRotation3D;10     aar.BeginAnimation(AxisAngleRotation3D.AngleProperty, da);  11 }