日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
App開發(fā)中三種動畫使用和屬性詳解

本文轉(zhuǎn)載自微信公眾號「Android開發(fā)編程」，作者Android開發(fā)編程。轉(zhuǎn)載本文請聯(lián)系A(chǔ)ndroid開發(fā)編程公眾號。

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),銀海企業(yè)網(wǎng)站建設(shè),銀海品牌網(wǎng)站建設(shè),網(wǎng)站定制,銀海網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,銀海網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

前言

這次我們介紹一下android中動畫的分類：

View Animation(補(bǔ)間動畫);

Drawable Animation(幀動畫);

Property Animation(屬性動畫);

一、幀動畫

幀動畫是順序播放一組預(yù)先定義好的圖片，不同于View動畫，系統(tǒng)提供了另外一個(gè)類AnimationDrawable來使用幀動畫;

幀動畫顧名思義就是通過順序一幀一幀播放圖片從而產(chǎn)生動畫效果，效果類似放電影;

該動畫缺點(diǎn)比較明顯，就是如果圖片過大過多會導(dǎo)致OOM。幀動畫xml文件放置在drawable目錄下而非anim文件夾下;

幀動畫的使用

首先我們找一組幀動畫的圖片放入drawable-xhdpi文件夾下，其次在drawable文件夾下創(chuàng)建xml文件，如下所示：

 
 
 
 
      
  
  
  
  1.  
    2.   
  
  
  
  2.   
  
  
  
  3.     xmlns:android="http://schemas.android.com/apk/res/android" 
    4.   
  
  
  
  4.     android:oneshot="false"> 
    5.   
  
  
  
  5.      
    6.   
  
  
  
  6.      
    7.   
  
  
  
  7.     ... 
    8.   
  
  
  
  8.      
    9.   
  
  
  
  9.  
    10.   
  
  
  
  10. view = findViewById(R.id.test); 
    11.   
  
  
  
  11.         view.setBackgroundResource(R.drawable.drawable_test_anim); 
    12.   
  
  
  
  12.         view.setOnClickListener(new View.OnClickListener() { 
    13.   
  
  
  
  13.             @Override 
    14.   
  
  
  
  14.             public void onClick(View v) { 
    15.   
  
  
  
  15.                 AnimationDrawable animationDrawable = (AnimationDrawable) view.getBackground(); 
    16.   
  
  
  
  16.                 animationDrawable.start(); 
    17.   
  
  
  
  17.             } 
    18.   
  
  
  
  18.         }); 
    19.

屬性介紹

  • 必須是根節(jié)點(diǎn)，包含一個(gè)或者多個(gè)元素，屬性有：
  • android:oneshot true代表只執(zhí)行一次，false循環(huán)執(zhí)行；
  • 類似一幀的動畫資源；
  • animation-list的子項(xiàng)，包含屬性如下：
  • android:drawable 一個(gè)frame的Drawable資源；
  • android:duration 一個(gè)frame顯示多長時(shí)間；

二、補(bǔ)間動畫

補(bǔ)間動畫是通過對view進(jìn)行旋轉(zhuǎn)、縮放、漸變、透明度變化，而達(dá)到的一種動畫效果;

是一種漸進(jìn)式動畫。并且可以通過組合以上四種操作，完成復(fù)雜的自定義動畫效果;

缺點(diǎn)就是只是改變的view的展示狀態(tài)，但是不會改變view的位置;

 
 
 
 
      
  
  
  
  1.  
    2.   
  
  
  
  2.   
  
  
  
  3.     android:duration="4000" 
    4.   
  
  
  
  4.     android:fillAfter="true" 
    5.   
  
  
  
  5.     android:fillBefore="true" 
    6.   
  
  
  
  6.     android:interpolator="@[package:]anim/interpolator_resource" 
    7.   
  
  
  
  7.     android:repeatMode="restart | reverse" 
    8.   
  
  
  
  8.     android:repeatCount = “0” 
    9.   
  
  
  
  9.     android:shareInterpolator="true" 
    10.   
  
  
  
  10.     android:startOffset="float"> 
    11.   
  
  
  
  11.       
  
  
  
  12.         android:fromAlpha="float" 
    13.   
  
  
  
  13.         android:toAlpha="float" /> 
    14.   
  
  
  
  14.       
  
  
  
  15.         android:fromXScale="float" 
    16.   
  
  
  
  16.         android:fromYScale="float" 
    17.   
  
  
  
  17.         android:pivotX="float" 
    18.   
  
  
  
  18.         android:pivotY="float" 
    19.   
  
  
  
  19.         android:toXScale="float" 
    20.   
  
  
  
  20.         android:toYScale="float" /> 
    21.   
  
  
  
  21.       
  
  
  
  22.         android:fromDegrees="float" 
    23.   
  
  
  
  23.         android:pivotX="float" 
    24.   
  
  
  
  24.         android:pivotY="float" 
    25.   
  
  
  
  25.         android:toDegrees="float" /> 
    26.   
  
  
  
  26.       
  
  
  
  27.         android:fromXDelta="float" 
    28.   
  
  
  
  28.         android:fromYDelta="float" 
    29.   
  
  
  
  29.         android:toXDelta="float" 
    30.   
  
  
  
  30.         android:toYDelta="float" /> 
    31.   
  
  
  
  31.  
    32.

通用屬性說明：

  • android:duration=""動畫時(shí)長，單位毫秒
  • android:fillAfter="true"動畫完成后是否停留在結(jié)束位置，默認(rèn)false
  • android:fillBefore="true"動畫完成后是否停留在起點(diǎn)位置。默認(rèn)true，優(yōu)先級低于fillAfter
  • android:interpolator為動畫的變化速度【可以單獨(dú)設(shè)置，可以直接放在set里面】
  • android:repeatMode="restart | reverse"動畫重復(fù)策略 restart從起點(diǎn)位置(正序)重復(fù)，reverse從結(jié)束位置(倒序)重復(fù)
  • android:repeatCount = “0”重復(fù)次數(shù) “infinite”為無線重復(fù)
  • android:shareInterpolator="true"動畫集合中的動畫是否公用一個(gè)差值器
  • android:startOffset="float"動畫延遲時(shí)間

透明度動畫

  • 透明度動畫，通過改變view的透明度展示動畫。對應(yīng)AlphaAnimation和 xml標(biāo)簽
  • android:fromAlpha="float" 起始透明度，取值范圍(-1.0~1.0)
  • android:toAlpha="float"結(jié)束時(shí)透明度，取值范圍(-1.0~1.0)

縮放動畫

  • 縮放動畫，通過修改view的大小展示動畫。對應(yīng)ScaleAnimation類和 xml表情
  • android:fromXScale="float"動畫在水平方向X的起始縮放倍數(shù)
  • android:fromYScale="float"動畫在水平方向Y的結(jié)束縮放倍數(shù)
  • android:toXScale="float"動畫在豎直方向X的結(jié)束縮放倍數(shù)
  • android:toYScale="float"動畫在豎直方向Y的結(jié)束縮放倍數(shù)
  • android:pivotX="float"縮放中心點(diǎn)的x坐標(biāo)
  • android:pivotY="float"縮放中心點(diǎn)的y坐標(biāo)

旋轉(zhuǎn)動畫

  • 通過旋轉(zhuǎn)view展示動畫。對應(yīng)RotateAnimation類和 xml標(biāo)簽
  • android:fromDegrees="float"動畫開始時(shí) 視圖的旋轉(zhuǎn)角度(正數(shù) = 順時(shí)針，負(fù)數(shù) = 逆時(shí)針)
  • android:toDegrees="float"動畫結(jié)束時(shí) 視圖的旋轉(zhuǎn)角度(正數(shù) = 順時(shí)針，負(fù)數(shù) = 逆時(shí)針)
  • android:pivotX="float"旋轉(zhuǎn)中心點(diǎn)的x坐標(biāo) 具體如上縮放中心點(diǎn)參數(shù)解釋
  • android:pivotY="float"旋轉(zhuǎn)中心點(diǎn)的y坐標(biāo) 具體如上縮放中心點(diǎn)參數(shù)解釋

平移動畫

  • 平移動畫，更改view的展示位置展示動畫。對應(yīng)TranslateAnimation類和 xml表情
  • android:fromXDelta="float"view在水平x方向的起始值
  • android:fromYDelta="float"view在水平y(tǒng)方向的起始值
  • android:toXDelta="float"view在水平x方向的結(jié)束值
  • android:toYDelta="float" view在水平y(tǒng)方向的結(jié)束值

具體動畫的使用

應(yīng)用動畫xml配置

 
 
 
 
      
  
  
  
  1. TextView textDemo = findViewById(R.id.text_demo); 
    2.   
  
  
  
  2. Animation animation = AnimationUtils.loadAnimation(getapplicationContext(),R.anim.rotate_animation_test); 
    3.   
  
  
  
  3. textDemo.startAnimation(animation); 
    4.

使用java類配置動畫，具體參數(shù)類同xml參數(shù)，建議使用xml配置動畫

 
 
 
 
      
  
  
  
  1. AlphaAnimation alphaAnimation = new AlphaAnimation(1.0f, 2.0f); 
    2.   
  
  
  
  2. textDemo.startAnimation(alphaAnimation); 
    3.

監(jiān)聽動畫

 
 
 
 
      
  
  
  
  1. alphaAnimation.setAnimationListener(new Animation.AnimationListener() { 
    2.   
  
  
  
  2.     @Override 
    3.   
  
  
  
  3.     public void onAnimationStart(Animation animation) { 
    4.   
  
  
  
  4.         //動畫開始回調(diào) 
    5.   
  
  
  
  5.     } 
    6.   
  
  
  
  6.     @Override 
    7.   
  
  
  
  7.     public void onAnimationEnd(Animation animation) { 
    8.   
  
  
  
  8.         //動畫結(jié)束回調(diào) 
    9.   
  
  
  
  9.     } 
    10.   
  
  
  
  10.     @Override 
    11.   
  
  
  
  11.     public void onAnimationRepeat(Animation animation) { 
    12.   
  
  
  
  12.         //動畫重復(fù)時(shí)回調(diào) 
    13.   
  
  
  
  13.     } 
    14.   
  
  
  
  14. }); 
    15.

三、屬性動畫

屬性動畫本質(zhì)是通過改變對象的屬性(例如：x,y等屬性)，來實(shí)現(xiàn)動畫的，所以基本上是無所不能的，只要對象有這個(gè)屬性，就能實(shí)現(xiàn)動畫效果;

屬性動畫是在api 11的新特性，通過動態(tài)的改變view的屬性從而達(dá)到動畫效果。雖然可以使用nineoldandroid庫向下兼容，但是兼容本質(zhì)是使用補(bǔ)間動畫完成，也就是說不會更改view的屬性，也不會更改view的位置;

屬性動畫比較常用的類：ValueAnimator、ObjectAnimator、AnimationSet，其中ObjectAnimator是ValueAnimator的子類，而AnminationSet是動畫集合;

1.單個(gè)動畫

 
 
 
 
      
  
  
  
  1. ObjectAnimator animator = ObjectAnimator 
    2.   
  
  
  
  2.         .ofInt(textDemo, "backgroundColor", 0XffFF0000, 0Xff0000FF) 
    3.   
  
  
  
  3.         .setDuration(2000); 
    4.   
  
  
  
  4. animator.setRepeatMode(ValueAnimator.RESTART); 
    5.   
  
  
  
  5. animator.setRepeatCount(10); 
    6.   
  
  
  
  6. animator.start(); 
    7.

2.動畫集合

 
 
 
 
      
  
  
  
  1. AnimatorSet animatorSet = new AnimatorSet(); 
    2.   
  
  
  
  2. ValueAnimator translationX = ObjectAnimator.ofFloat(textDemo, "translationX", 200f); 
    3.   
  
  
  
  3. ValueAnimator animator = ObjectAnimator 
    4.   
  
  
  
  4.         .ofInt(textDemo, "backgroundColor", 0XffFF0000, 0Xff0000FF); 
    5.   
  
  
  
  5. animatorSet.playTogether(translationX,animator); 
    6.   
  
  
  
  6. animatorSet.setDuration(1000).start(); 
    7.

動畫配置同樣可以使用xml配置;

3.差值器和估值器

差值器(Interpolator)

根據(jù)時(shí)間流逝百分比計(jì)算當(dāng)前屬性改變百分比。同xml配置動畫中的 android:interpolator屬性配置，常見有LinearInterpolator(線性差值器)、AccelerateDecelerateInterpolator(加速減速差值器)等。自定義需要實(shí)現(xiàn)Interpolator或者TimeInterpolator。Interpolator接口繼承TimeInterpolator;

 
 
 
 
      
  
  
  
  1. // Interpolator接口 
    2.   
  
  
  
  2. public interface Interpolator extends TimeInterpolator{  
    3.   
  
  
  
  3.     // 內(nèi)部只有一個(gè)方法 
    4.   
  
  
  
  4.      float getInterpolation(float input) {   
    5.   
  
  
  
  5.          // 參數(shù)說明 
    6.   
  
  
  
  6.          // input值值變化范圍是0-1，且隨著動畫進(jìn)度（0% - 100% ）均勻變化 
    7.   
  
  
  
  7.         // 即動畫開始時(shí)，input值 = 0；動畫結(jié)束時(shí)input = 1 
    8.   
  
  
  
  8.         // 而中間的值則是隨著動畫的進(jìn)度（0% - 100%）在0到1之間均勻增加 
    9.   
  
  
  
  9.       ...// 插值器的計(jì)算邏輯 
    10.   
  
  
  
  10.       return xxx； 
    11.   
  
  
  
  11.       // 返回的值就是用于估值器繼續(xù)計(jì)算的fraction值，下面會詳細(xì)說明 
    12.   
  
  
  
  12.     }   
    13.   
  
  
  
  13. // TimeInterpolator接口 
    14.   
  
  
  
  14. // 同上 
    15.   
  
  
  
  15. public interface TimeInterpolator {   
    16.   
  
  
  
  16.     float getInterpolation(float input);   
    17.   
  
  
  
  17. } 
    18.

估值器(TypeEvaluator)

根據(jù)當(dāng)前屬性改變百分比計(jì)算改變后的屬性值。屬性動畫特有的屬性;自定義估值器需要實(shí)現(xiàn)TypeEvaluator接口;

 
 
 
 
      
  
  
  
  1. public interface TypeEvaluator {   
    2.   
  
  
  
  2.     public Object evaluate(float fraction, Object startValue, Object endValue) {   
    3.   
  
  
  
  3. // 參數(shù)說明 
    4.   
  
  
  
  4. // fraction：插值器getInterpolation（）的返回值 
    5.   
  
  
  
  5. // startValue：動畫的初始值 
    6.   
  
  
  
  6. // endValue：動畫的結(jié)束值 
    7.   
  
  
  
  7.         ....// 估值器的計(jì)算邏輯 
    8.   
  
  
  
  8.         return xxx； 
    9.   
  
  
  
  9.         // 賦給動畫屬性的具體數(shù)值 
    10.   
  
  
  
  10.         // 使用反射機(jī)制改變屬性變化 
    11.

可以對任意屬性做屬性動畫，屬性動畫要求動畫作用的對象提供該屬性的get()和set()方法。因?yàn)閷傩詣赢嫳举|(zhì)就是根據(jù)外界傳遞的對象屬性的初始值和終點(diǎn)值，然后根據(jù)估值器和差值器計(jì)算屬性值，不斷調(diào)用屬性的set方法，通過時(shí)間的推移所傳遞的值，越來越近終點(diǎn)值;

注意：

對象屬性必須提供對應(yīng)的set方法，而且如果沒有初始值傳入的情況下必須要設(shè)置get方法，因?yàn)?系統(tǒng)要獲取初始值，如果沒有滿足條件則程序cash;

對象屬性的set方法對屬性做出改變，需要能夠通過某種方法表示出來。帶來ui展示效果的改變。否則動畫不會生效;

ValueAnimator

使用ValueAnimator通過監(jiān)聽動畫過程，自己改變對象屬性完成動畫

 
 
 
 
      
  
  
  
  1. ValueAnimator valueAnimator = ValueAnimator.ofInt(1, 100); 
    2.   
  
  
  
  2.         valueAnimator.setDuration(2000);//動畫持續(xù)時(shí)間 
    3.   
  
  
  
  3.         valueAnimator.setRepeatCount(0);//重復(fù)次數(shù) 
    4.   
  
  
  
  4.         valueAnimator.setRepeatMode(ValueAnimator.REVERSE);//重復(fù)方式， 
    5.   
  
  
  
  5.         valueAnimator.setStartDelay(20);//開始前延遲時(shí)間 
    6.   
  
  
  
  6.         valueAnimator.setEvaluator(new IntEvaluator());//估值器 
    7.   
  
  
  
  7.         valueAnimator.setInterpolator(new LinearInterpolator());//差值器 
    8.   
  
  
  
  8.         valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 
    9.   
  
  
  
  9.             @Override 
    10.   
  
  
  
  10.             public void onAnimationUpdate(ValueAnimator animation) { 
    11.   
  
  
  
  11.                 //獲取當(dāng)前動畫屬性值，即1~100 
    12.   
  
  
  
  12.                 Integer animatedValue = (Integer) animation.getAnimatedValue(); 
    13.   
  
  
  
  13.                 //獲取動畫的百分比 
    14.   
  
  
  
  14.                 float animatedFraction = animation.getAnimatedFraction(); 
    15.   
  
  
  
  15.                 ViewGroup.LayoutParams layoutParams = textView.getLayoutParams(); 
    16.   
  
  
  
  16.                 int width = layoutParams.width; 
    17.   
  
  
  
  17.                 int height = layoutParams.height; 
    18.   
  
  
  
  18.                 layoutParams.height = height + 1; 
    19.   
  
  
  
  19.                 layoutParams.width=width+1; 
    20.   
  
  
  
  20.                 Log.e(TAG,"animatedValue: "+animatedValue+" animatedFraction : "+animatedFraction 
    21.   
  
  
  
  21.                 +" width : "+layoutParams.width+" height : "+layoutParams.height); 
    22.   
  
  
  
  22.                 textView.requestLayout(); 
    23.   
  
  
  
  23.             } 
    24.   
  
  
  
  24.         }); 
    25.   
  
  
  
  25.         valueAnimator.start(); 
    26.   
  
  
  
  26.     } 
    27.

四、注意事項(xiàng)

OOM注意，在幀動畫中如果圖片過大、數(shù)量過多容易出現(xiàn);

內(nèi)存泄漏， 切記在activity銷毀時(shí)，停止動畫。否則一些無限循環(huán)動畫將導(dǎo)致activity不能釋放而內(nèi)存泄漏。出現(xiàn)在屬性動畫中，view動畫不存在此類問題;

View動畫即補(bǔ)間動畫，是改變view的視覺位置，改變view的影像展示位置，而不改變真實(shí)位置;注意交互體驗(yàn)?？赡軙霈F(xiàn)view動畫結(jié)束后，view無法隱藏的問題及setVisibility(View.GONE)失效。此時(shí)調(diào)用view.clearAnimation()清除動畫?？尚迯?fù)此類問題;

總結(jié)

公眾號里面是系統(tǒng)的總結(jié)，但是要系統(tǒng)學(xué)習(xí)一類的知識點(diǎn)了，又不是很好;

于是就想寫個(gè)小冊-掘金小冊，這樣老鐵們就可以系統(tǒng)的學(xué)習(xí)某個(gè)知識點(diǎn)了;


分享名稱：App開發(fā)中三種動畫使用和屬性詳解
文章起源：http://m.5511xx.com/article/ccddcoo.html