Animation用法_animation动画效果

偏执的太偏执、 2022-08-07 15:59 325阅读 0赞

**动画类型**  
  
 Android的animation由四种类型组成  
  
XML中

<table> 
 <tbody> 
 <tr> 
 <td>alpha</td> 
 <td>渐变透明度动画效果</td> 
 </tr> 
 <tr> 
 <td>scale</td> 
 <td>渐变尺寸伸缩动画效果</td> 
 </tr> 
 <tr> 
 <td>translate</td> 
 <td>画面转换位置移动动画效果</td> 
 </tr> 
 <tr> 
 <td>rotate</td> 
 <td>画面转移旋转动画效果</td> 
 </tr> 
 </tbody> 
</table>

JavaCode中

<table> 
 <tbody> 
 <tr> 
 <td> AlphaAnimation </td> 
 <td> 渐变透明度动画效果 </td> 
 </tr> 
 <tr> 
 <td> ScaleAnimation </td> 
 <td> 渐变尺寸伸缩动画效果 </td> 
 </tr> 
 <tr> 
 <td> TranslateAnimation </td> 
 <td> 画面转换位置移动动画效果 </td> 
 </tr> 
 <tr> 
 <td> RotateAnimation </td> 
 <td> 画面转移旋转动画效果 </td> 
 </tr> 
 </tbody> 
</table>

**Android动画模式  
  
Animation主要有两种动画模式：**  
一种是tweened animation(渐变动画)

<table> 
 <tbody> 
 <tr> 
 <td>XML中</td> 
 <td>JavaCode</td> 
 </tr> 
 <tr> 
 <td>alpha</td> 
 <td>AlphaAnimation</td> 
 </tr> 
 <tr> 
 <td>scale</td> 
 <td>ScaleAnimation</td> 
 </tr> 
 </tbody> 
</table>

一种是frame by frame(画面转换动画)

<table> 
 <tbody> 
 <tr> 
 <td>XML中</td> 
 <td>JavaCode</td> 
 </tr> 
 <tr> 
 <td>translate</td> 
 <td>TranslateAnimation</td> 
 </tr> 
 <tr> 
 <td>rotate</td> 
 <td>RotateAnimation</td> 
 </tr> 
 </tbody> 
</table>

**如何在XML文件中定义动画**  
  
①　打开Eclipse，新建Android工程  
②　在res目录中新建anim文件夹  
③　在anim目录中新建一个myanim.xml(注意文件名小写)  
④　加入XML的动画代码

**\[html\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1. <?xml version="1.0" encoding="utf-8"?>  
2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
3.   <alpha/>  
4.   <scale/>  
5.   <translate/>  
6.   <rotate/>  
7. </set>

**Android动画解析\--XML** 
 
<alpha>

**\[html\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1. <?xml version="1.0" encoding="utf-8"?>  
2. <set xmlns:android="http://schemas.android.com/apk/res/android" >  
3. <alpha  
4. android:fromAlpha="0.1"  
5. android:toAlpha="1.0"  
6. android:duration="3000"  
7. />   
8.   
22. </set>

<scale>

**\[html\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1. <?xml version="1.0" encoding="utf-8"?>  
2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
3.    <scale    
4.           android:interpolator=  
5.                      "@android:anim/accelerate\_decelerate\_interpolator"  
6.           android:fromXScale="0.0"  
7.           android:toXScale="1.4"  
8.           android:fromYScale="0.0"  
9.           android:toYScale="1.4"  
10.           android:pivotX="50%"  
11.           android:pivotY="50%"  
12.           android:fillAfter="false"  
13.           android:duration="700" />  
14. </set>  
15.

**\[html\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1. <?xml version="1.0" encoding="utf-8"?>  
2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
3. <translate  
4. android:fromXDelta="30"  
5. android:toXDelta="-80"  
6. android:fromYDelta="30"  
7. android:toYDelta="300"  
8. android:duration="2000"  
9. />  
10.   
23. </set>

**\[html\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1. <?xml version="1.0" encoding="utf-8"?>  
2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
3. <rotate   
4.         android:interpolator="@android:anim/accelerate\_decelerate\_interpolator"  
5.         android:fromDegrees="0"   
6.         android:toDegrees="+350"           
7.         android:pivotX="50%"   
8.         android:pivotY="50%"       
9.         android:duration="3000" />    
10.   
42. </set>

**如何使用XML****中的动画效果**