首页 > Android动画效果translate、scale、alpha、rotate详解

Android动画效果translate、scale、alpha、rotate详解

动画类型



Android的animation由四种类型组成



XML中

alpha渐变透明度动画效果
scale渐变尺寸伸缩动画效果
translate画面转换位置移动动画效果
rotate画面转移旋转动画效果





JavaCode中

AlphaAnimation渐变透明度动画效果
ScaleAnimation渐变尺寸伸缩动画效果
TranslateAnimation画面转换位置移动动画效果
RotateAnimation画面转移旋转动画效果



Android动画模式



Animation主要有两种动画模式:



一种是tweened animation(渐变动画)

XML中JavaCode
alphaAlphaAnimation
scaleScaleAnimation





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

 

XML中JavaCode
translateTranslateAnimation
rotateRotateAnimation

 

 

Android动画解析

alpha xml 淡出效果

 

 

[cpp] view plain copy
  1. "1.0" encoding="utf-8"?>   
  2. "http://schemas.android.com/apk/res/android">   
  3.     android:fromAlpha="1.0"    
  4.     android:toAlpha="0.0"    
  5.     android:duration="500"  />   
  6.    
  7.   

 

 

alpha xml 淡入效果

 

[cpp] view plain copy
  1. "1.0" encoding="utf-8"?>   
  2. "http://schemas.android.com/apk/res/android">   
  3.     android:fromAlpha="0.0"    
  4.     android:toAlpha="1.0"    
  5.     android:duration="500"  />   
  6.    
  7.   





 

rotate.xml 旋转效果: 

[html] view plain copy
  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="300"   
  6.     android:toDegrees="-360"   
  7.     android:pivotX="10%"   
  8.     android:pivotY="100%"   
  9.     android:duration="10000" />   
  10. set>   
  11.    





 





translate.xml 移动效果: 

[html] view plain copy
    1. xml version="1.0" encoding="utf-8"?>   
    2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
    3. <translate   
    4.     android:fromXDelta="320"   
    5.     android:toXDelta="0"   
    6.     android:fromYDelta="480"   
    7.     android:toYDelta="0"   
    8.     android:duration="10000" />   
    9. set>