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

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

新聞中心

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

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

創(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ò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,銀海網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

前言

這次我們介紹一下android中動(dòng)畫(huà)的分類：

View Animation(補(bǔ)間動(dòng)畫(huà));

Drawable Animation(幀動(dòng)畫(huà));

Property Animation(屬性動(dòng)畫(huà));

一、幀動(dòng)畫(huà)

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

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

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

幀動(dòng)畫(huà)的使用

首先我們找一組幀動(dòng)畫(huà)的圖片放入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í)行；
  • 類似一幀的動(dòng)畫(huà)資源；
  • animation-list的子項(xiàng)，包含屬性如下：
  • android:drawable 一個(gè)frame的Drawable資源；
  • android:duration 一個(gè)frame顯示多長(zhǎng)時(shí)間；

二、補(bǔ)間動(dòng)畫(huà)

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

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

缺點(diǎn)就是只是改變的view的展示狀態(tài)，但是不會(huì)改變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.

通用屬性說(shuō)明：

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

透明度動(dòng)畫(huà)

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

縮放動(dòng)畫(huà)

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

旋轉(zhuǎn)動(dòng)畫(huà)

  • 通過(guò)旋轉(zhuǎn)view展示動(dòng)畫(huà)。對(duì)應(yīng)RotateAnimation類和 xml標(biāo)簽
  • android:fromDegrees="float"動(dòng)畫(huà)開(kāi)始時(shí) 視圖的旋轉(zhuǎn)角度(正數(shù) = 順時(shí)針，負(fù)數(shù) = 逆時(shí)針)
  • android:toDegrees="float"動(dòng)畫(huà)結(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ù)解釋

平移動(dòng)畫(huà)

  • 平移動(dòng)畫(huà)，更改view的展示位置展示動(dòng)畫(huà)。對(duì)應(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é)束值

具體動(dòng)畫(huà)的使用

應(yīng)用動(dòng)畫(huà)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類配置動(dòng)畫(huà)，具體參數(shù)類同xml參數(shù)，建議使用xml配置動(dòng)畫(huà)

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

監(jiān)聽(tīng)動(dòng)畫(huà)

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

三、屬性動(dòng)畫(huà)

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

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

屬性動(dòng)畫(huà)比較常用的類：ValueAnimator、ObjectAnimator、AnimationSet，其中ObjectAnimator是ValueAnimator的子類，而AnminationSet是動(dòng)畫(huà)集合;

1.單個(gè)動(dòng)畫(huà)

 
 
 
 
      
  
  
  
  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.動(dòng)畫(huà)集合

 
 
 
 
      
  
  
  
  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.

動(dòng)畫(huà)配置同樣可以使用xml配置;

3.差值器和估值器

差值器(Interpolator)

根據(jù)時(shí)間流逝百分比計(jì)算當(dāng)前屬性改變百分比。同xml配置動(dòng)畫(huà)中的 android:interpolator屬性配置，常見(jiàn)有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ù)說(shuō)明 
    6.   
  
  
  
  6.          // input值值變化范圍是0-1，且隨著動(dòng)畫(huà)進(jìn)度（0% - 100% ）均勻變化 
    7.   
  
  
  
  7.         // 即動(dòng)畫(huà)開(kāi)始時(shí)，input值 = 0；動(dòng)畫(huà)結(jié)束時(shí)input = 1 
    8.   
  
  
  
  8.         // 而中間的值則是隨著動(dòng)畫(huà)的進(jìn)度（0% - 100%）在0到1之間均勻增加 
    9.   
  
  
  
  9.       ...// 插值器的計(jì)算邏輯 
    10.   
  
  
  
  10.       return xxx； 
    11.   
  
  
  
  11.       // 返回的值就是用于估值器繼續(xù)計(jì)算的fraction值，下面會(huì)詳細(xì)說(shuō)明 
    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ì)算改變后的屬性值。屬性動(dòng)畫(huà)特有的屬性;自定義估值器需要實(shí)現(xiàn)TypeEvaluator接口;

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

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

注意：

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

對(duì)象屬性的set方法對(duì)屬性做出改變，需要能夠通過(guò)某種方法表示出來(lái)。帶來(lái)ui展示效果的改變。否則動(dòng)畫(huà)不會(huì)生效;

ValueAnimator

使用ValueAnimator通過(guò)監(jiān)聽(tīng)動(dòng)畫(huà)過(guò)程，自己改變對(duì)象屬性完成動(dòng)畫(huà)

 
 
 
 
      
  
  
  
  1. ValueAnimator valueAnimator = ValueAnimator.ofInt(1, 100); 
    2.   
  
  
  
  2.         valueAnimator.setDuration(2000);//動(dòng)畫(huà)持續(xù)時(shí)間 
    3.   
  
  
  
  3.         valueAnimator.setRepeatCount(0);//重復(fù)次數(shù) 
    4.   
  
  
  
  4.         valueAnimator.setRepeatMode(ValueAnimator.REVERSE);//重復(fù)方式， 
    5.   
  
  
  
  5.         valueAnimator.setStartDelay(20);//開(kāi)始前延遲時(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)前動(dòng)畫(huà)屬性值，即1~100 
    12.   
  
  
  
  12.                 Integer animatedValue = (Integer) animation.getAnimatedValue(); 
    13.   
  
  
  
  13.                 //獲取動(dòng)畫(huà)的百分比 
    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注意，在幀動(dòng)畫(huà)中如果圖片過(guò)大、數(shù)量過(guò)多容易出現(xiàn);

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

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

總結(jié)

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

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


文章標(biāo)題：App開(kāi)發(fā)中三種動(dòng)畫(huà)使用和屬性詳解
轉(zhuǎn)載來(lái)源：http://www.5511xx.com/article/ccddcoo.html