日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

搜索
分享

Android動畫基礎(chǔ)

 levinLee 2011-05-05

Android動畫基礎(chǔ)

動畫類型

Android的 animation 由四種類型組成

XML 中

alpha
漸變透明度動畫效果
scale
漸變尺寸伸縮動畫效果
translate
畫面轉(zhuǎn)換位置移動動畫效果
rotate
畫面轉(zhuǎn)移旋轉(zhuǎn)動畫效果



Java Code中

AlphaAnimation
漸變透明度動畫效果
ScaleAnimation
漸變尺寸伸縮動畫效果
TranslateAnimation
畫面轉(zhuǎn)換位置移動動畫效果
RotateAnimation
畫面轉(zhuǎn)移旋轉(zhuǎn)動畫效果


Android動畫模式

Animation主要有兩種動畫模式：

一種是tweened animation( 漸變動畫 )

XML中
JavaCode
alpha
AlphaAnimation
scale
ScaleAnimation



一種是frame by frame( 畫面轉(zhuǎn)換動畫 )

XML中
JavaCode
translate
TranslateAnimation
rotate
RotateAnimation




如何在XML 文件 中定義 動畫

①　 打開Eclipse ，新建 Android 工程
②　 在res 目錄中新建 anim 文件夾
③　 在anim 目錄中新建一個 myanim.xml( 注意文件名小寫 )
④　 加入XML 的動畫代碼

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android ="http://schemas./apk/res/android">
  3.   <alpha/>
  4.   <scale/>
  5.   <translate/>
  6.   <rotate/>
  7. </set>
復(fù)制代碼


Android動畫解析 --XML

<alpha>
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas./apk/res/android" >
  3. <alpha
  4. android:fromAlpha="0.1"
  5. android:toAlpha="1.0"
  6. android:duration="3000"
  7. />
  8. <!-- 透明度控制動畫效果 alpha
  9.         浮點型值：
  10.             fromAlpha 屬性為動畫起始時透明度
  11.             toAlpha   屬性為動畫結(jié)束時透明度
  12.             說明:
  13.                 0.0表示完全透明
  14.                 1.0表示完全不透明
  15.             以上值取0.0-1.0之間的float數(shù)據(jù)類型的數(shù)字
  16.         
  17.         長整型值：
  18.             duration  屬性為動畫持續(xù)時間
  19.             說明:     
  20.                 時間以毫秒為單位
  21. -->
  22. </set>
復(fù)制代碼


<scale>
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas./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. <!-- 尺寸伸縮動畫效果 scale
  16.        屬性：interpolator 指定一個動畫的插入器
  17.         在我試驗過程中，使用android.res.anim中的資源 時候發(fā)現(xiàn)
  18.         有三種動畫插入器:
  19.             accelerate_decelerate_interpolator  加速-減速 動畫插入器
  20.             accelerate_interpolator        加速-動畫插入器
  21.             decelerate_interpolator        減速- 動畫插入器
  22.         其他的屬于特定的動畫效果
  23.       浮點型值：
  24.          
  25.             fromXScale 屬性為動畫起始時 X坐標(biāo)上的伸縮尺寸   
  26.             toXScale   屬性為動畫結(jié)束時 X坐標(biāo)上的伸縮尺寸     
  27.         
  28.             fromYScale 屬性為動畫起始時Y坐標(biāo)上的伸縮尺寸   
  29.             toYScale   屬性為動畫結(jié)束時Y坐標(biāo)上的伸縮尺寸   
  30.         
  31.             說明:
  32.                  以上四種屬性值   
  33.    
  34.                     0.0表示收縮到?jīng)]有
  35.                     1.0表示正常無伸縮     
  36.                     值小于1.0表示收縮  
  37.                     值大于1.0表示放大
  38.         
  39.             pivotX     屬性為動畫相對于物件的X坐標(biāo)的開始位置
  40.             pivotY     屬性為動畫相對于物件的Y坐標(biāo)的開始位置
  41.         
  42.             說明:
  43.                     以上兩個屬性值 從0%-100%中取值
  44.                     50%為物件的X或Y方向坐標(biāo)上的中點位置
  45.         
  46.         長整型值：
  47.             duration  屬性為動畫持續(xù)時間
  48.             說明:   時間以毫秒為單位
  50.         布爾型值:
  51.             fillAfter 屬性 當(dāng)設(shè)置 為true ，該動畫轉(zhuǎn)化在動畫結(jié)束后被應(yīng)用
  52. -->
復(fù)制代碼


<translate>
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas./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. <!-- translate 位置轉(zhuǎn)移動畫效果
  11.         整型值:
  12.             fromXDelta 屬性為動畫起始時 X坐標(biāo)上的位置   
  13.             toXDelta   屬性為動畫結(jié)束時 X坐標(biāo)上的位置
  14.             fromYDelta 屬性為動畫起始時 Y坐標(biāo)上的位置
  15.             toYDelta   屬性為動畫結(jié)束時 Y坐標(biāo)上的位置
  16.             注意:
  17.                      沒有指定fromXType toXType fromYType toYType 時候，
  18.                      默認(rèn)是以自己為相對參照物            
  19.         長整型值：
  20.             duration  屬性為動畫持續(xù)時間
  21.             說明:   時間以毫秒為單位
  22. -->
  23. </set>
復(fù)制代碼


<rotate>

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas./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. <!-- rotate 旋轉(zhuǎn)動畫效果
  11.        屬性：interpolator 指定一個動畫的插入器
  12.              在我試驗過程中，使用android.res.anim中的資源時候發(fā)現(xiàn)
  13.              有三種動畫插入器:
  14.                 accelerate_decelerate_interpolator   加速-減速 動畫插入器
  15.                 accelerate_interpolator               加速-動畫插入器
  16.                 decelerate_interpolator               減速- 動畫插入器
  17.              其他的屬于特定的動畫效果
  18.                            
  19.        浮點數(shù)型值:
  20.             fromDegrees 屬性為動畫起始時物件的角度   
  21.             toDegrees   屬性為動畫結(jié)束時物件旋轉(zhuǎn)的角度 可以大于360度   
  23.         
  24.             說明:
  25.                      當(dāng)角度為負(fù)數(shù)——表示逆時針旋轉(zhuǎn)
  26.                      當(dāng)角度為正數(shù)——表示順時針旋轉(zhuǎn)              
  27.                      (負(fù)數(shù)from——to正數(shù):順時針旋轉(zhuǎn))   
  28.                      (負(fù)數(shù)from——to負(fù)數(shù):逆時針旋轉(zhuǎn))
  29.                      (正數(shù)from——to正數(shù):順時針旋轉(zhuǎn))
  30.                      (正數(shù)from——to負(fù)數(shù):逆時針旋轉(zhuǎn))      
  32.             pivotX     屬性為動畫相對于物件的X坐標(biāo)的開始位置
  33.             pivotY     屬性為動畫相對于物件的Y坐標(biāo)的開始位置
  34.                
  35.             說明:        以上兩個屬性值 從0%-100%中取值
  36.                          50%為物件的X或Y方向坐標(biāo)上的中點位置
  38.         長整型值：
  39.             duration  屬性為動畫持續(xù)時間
  40.             說明:       時間以毫秒為單位
  41. -->
  42. </set>
復(fù)制代碼


如何使用XML 中的動畫效果
  1. public static Animation loadAnimation (Context context, int id)
  2. //第一個參數(shù)Context為程序 的上下文   
  3. //第二個參數(shù)id為動畫XML文件的引用
  4. //例子 ：
  5. myAnimation= AnimationUtils.loadAnimation(this,R.anim.my_action);
  6. //使用AnimationUtils類的靜態(tài)方法loadAnimation()來加載XML中的動畫XML文件
復(fù)制代碼


如何在Java 代碼中定義動畫
  1. //在代碼中定義 動畫實例 對象
  2. private Animation myAnimation_Alpha;
  3. private Animation myAnimation_Scale;
  4. private Animation myAnimation_Translate;
  5. private Animation myAnimation_Rotate;
  6.    
  7.     //根據(jù)各自的構(gòu)造方法來初始化一個實例對象
  8. myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);
  10. myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
  11.              Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
  13. myAnimation_Translate=new TranslateAnimation(30.0f, -80.0f, 30.0f, 300.0f);
  15. myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
  16.                Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);
復(fù)制代碼


Android動畫解析 --JavaCode


AlphaAnimation

①　AlphaAnimation類對象定義
  1. private AlphaAnimation myAnimation_Alpha;
復(fù)制代碼

②　AlphaAnimation類對象構(gòu)造

  1. AlphaAnimation(float fromAlpha, float toAlpha)
  2. //第一個參數(shù)fromAlpha為 動畫開始時候透明度
  3. //第二個參數(shù)toAlpha為 動畫結(jié)束時候透明度
  4. myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);
  5. //說明:
  6. //                0.0表示完全透明
  7. //                1.0表示完全不透明
復(fù)制代碼

③　設(shè)置動畫持續(xù)時間

  1. myAnimation_Alpha.setDuration(5000);
  2. //設(shè)置時間持續(xù)時間為 5000毫秒
復(fù)制代碼




ScaleAnimation

①　ScaleAnimation類對象定義

  1. private AlphaAnimation myAnimation_Alpha;
復(fù)制代碼

②　ScaleAnimation類對象構(gòu)造

  1. ScaleAnimation(float fromX, float toX, float fromY, float toY,
  2.            int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
  3. //第一個參數(shù)fromX為動畫起始時 X坐標(biāo)上的伸縮尺寸   
  4. //第二個參數(shù)toX為動畫結(jié)束時 X坐標(biāo)上的伸縮尺寸     
  5. //第三個參數(shù)fromY為動畫起始時Y坐標(biāo)上的伸縮尺寸   
  6. //第四個參數(shù)toY為動畫結(jié)束時Y坐標(biāo)上的伸縮尺寸  
  7. /*說明:
  8.                     以上四種屬性值   
  9.                     0.0表示收縮到?jīng)]有
  10.                     1.0表示正常無伸縮     
  11.                     值小于1.0表示收縮  
  12.                     值大于1.0表示放大
  13. */
  14. //第五個參數(shù)pivotXType為動畫在X軸相對于物件位置類型  
  15. //第六個參數(shù)pivotXValue為動畫相對于物件的X坐標(biāo)的開始位置
  16. //第七個參數(shù)pivotXType為動畫在Y軸相對于物件位置類型   
  17. //第八個參數(shù)pivotYValue為動畫相對于物件的Y坐標(biāo)的開始位置
  18. myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
  19.              Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
復(fù)制代碼

③　設(shè)置動畫持續(xù)時間

  1. myAnimation_Scale.setDuration(700);
  2. //設(shè)置時間持續(xù)時間為 700毫秒
復(fù)制代碼




TranslateAnimation


①　TranslateAnimation類對象定義

  1. private AlphaAnimation myAnimation_Alpha;
復(fù)制代碼

②　TranslateAnimation類對象構(gòu)造

  1. TranslateAnimation(float fromXDelta, float toXDelta,
  2.                        float fromYDelta, float toYDelta)
  3. //第一個參數(shù)fromXDelta為動畫起始時 X坐標(biāo)上的移動位置   
  4. //第二個參數(shù)toXDelta為動畫結(jié)束時 X坐標(biāo)上的移動位置      
  5. //第三個參數(shù)fromYDelta為動畫起始時Y坐標(biāo)上的移動位置     
  6. //第四個參數(shù)toYDelta為動畫結(jié)束時Y坐標(biāo)上的移動位置
復(fù)制代碼

③　設(shè)置動畫持續(xù)時間

  1. myAnimation_Translate.setDuration(2000);
  2. //設(shè)置時間持續(xù)時間為 2000毫秒
復(fù)制代碼



RotateAnimation
①　 RotateAnimation類對象定義

  1. private AlphaAnimation myAnimation_Alpha;
復(fù)制代碼

②　 RotateAnimation類對象構(gòu)造
  1. RotateAnimation(float fromDegrees, float toDegrees,
  2.             int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
  3. //第一個參數(shù)fromDegrees為動畫起始時的旋轉(zhuǎn)角度   
  4. //第二個參數(shù)toDegrees為動畫旋轉(zhuǎn)到的角度   
  5. //第三個參數(shù)pivotXType為動畫在X軸相對于物件位置類型  
  6. //第四個參數(shù)pivotXValue為動畫相對于物件的X坐標(biāo)的開始位置
  7. //第五個參數(shù)pivotXType為動畫在Y軸相對于物件位置類型   
  8. //第六個參數(shù)pivotYValue為動畫相對于物件的Y坐標(biāo)的開始位置
  9. myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
  10.                Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);
復(fù)制代碼

③　 設(shè)置動畫持續(xù)時間
  1. myAnimation_Rotate.setDuration(3000);
  2. //設(shè)置時間持續(xù)時間為 3000毫秒
復(fù)制代碼


如何使用 Java 代碼中的動畫效果

使用從 View 父類繼承過來的方法 startAnimation ()來為 View 或是子類 View 等等添加一個動畫效果
  1. public void startAnimation (Animation animation)

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻(xiàn)花（0）

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多