1. 程式人生 > >Android 屬性動畫(Property Animation)一

Android 屬性動畫(Property Animation)一

1、概述

Android提供了幾種動畫型別:View Animation 、Drawable Animation 、Property Animation 。View Animation相當簡單,不過只能支援簡單的縮放、平移、旋轉、透明度基本的動畫,且有一定的侷限性。比如:你希望View有一個顏色的切換動畫;你希望可以使用3D旋轉動畫;你希望當動畫停止時,View的位置就是當前的位置;這些View Animation都無法做到。這就是Property Animation產生的原因,本篇部落格詳細介紹Property Animation的用法。至於Drawable Animation,嗯,略~

2、相關API

Property Animation故名思議就是通過動畫的方式改變物件的屬性了,我們首先需要了解幾個屬性:

Duration動畫的持續時間,預設300ms。

Time interpolation:時間差值,乍一看不知道是什麼,但是我說LinearInterpolator、AccelerateDecelerateInterpolator,大家一定知道是幹嘛的了,定義動畫的變化率。

Repeat count and behavior:重複次數、以及重複模式;可以定義重複多少次;重複時從頭開始,還是反向。

Animator sets: 動畫集合,你可以定義一組動畫,一起執行或者順序執行。

Frame refresh delay:幀重新整理延遲,對於你的動畫,多久重新整理一次幀;預設為10ms,但最終依賴系統的當前狀態;基本不用管。

相關的類

ObjectAnimator  動畫的執行類,後面詳細介紹

ValueAnimator 動畫的執行類,後面詳細介紹 

AnimatorSet 用於控制一組動畫的執行:線性,一起,每個動畫的先後執行等。

AnimatorInflater 使用者載入屬性動畫的xml檔案

TypeEvaluator  型別估值,主要用於設定動畫操作屬性的值。

TimeInterpolator 時間插值,上面已經介紹。

總的來說,屬性動畫就是,動畫的執行類來設定動畫操作的物件的屬性、持續時間,開始和結束的屬性值,時間差值等,然後系統會根據設定的引數動態的變化物件的屬性。

3、ObjectAnimator實現動畫

之所以選擇ObjectAnimator為第一個~~是因為,這個實現最簡單~~一行程式碼,秒秒鐘實現動畫,下面看個例子:
佈局檔案:

  1. <RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:id="@+id/id_container">
  6.     <ImageView
  7.         android:id="@+id/id_ball"
  8.         android:layout_width="wrap_content"
  9.         android:layout_height="wrap_content"
  10.         android:layout_centerInParent="true"
  11.         android:src="@drawable/mv"
  12.         android:scaleType="centerCrop"
  13.         android:onClick="rotateyAnimRun"
  14.         />
  15. </RelativeLayout>

很簡單,就一張妹子圖片~
Activity程式碼:
  1. package com.example.zhy_property_animation;  
  2. import android.animation.ObjectAnimator;  
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.View;  
  6. publicclass ObjectAnimActivity extends Activity  
  7. {  
  8.     @Override
  9.     protectedvoid onCreate(Bundle savedInstanceState)  
  10.     {  
  11.         super.onCreate(savedInstanceState);  
  12.         setContentView(R.layout.xml_for_anim);  
  13.     }  
  14.     publicvoid rotateyAnimRun(View view)  
  15.     {  
  16.          ObjectAnimator//
  17.          .ofFloat(view, "rotationX"0.0F, 360.0F)//
  18.          .setDuration(500)//
  19.          .start();  
  20.     }  
  21. }  

效果:

是不是一行程式碼就能實現簡單的動畫~~

對於ObjectAnimator

1、提供了ofInt、ofFloat、ofObject,這幾個方法都是設定動畫作用的元素、作用的屬性、動畫開始、結束、以及中間的任意個屬性值。

當對於屬性值,只設置一個的時候,會認為當然物件該屬性的值為開始(getPropName反射獲取),然後設定的值為終點。如果設定兩個,則一個為開始、一個為結束~~~

動畫更新的過程中,會不斷呼叫setPropName更新元素的屬性,所有使用ObjectAnimator更新某個屬性,必須得有getter(設定一個屬性值的時候)和setter方法~

2、如果你操作物件的該屬性方法裡面,比如上例的setRotationX如果內部沒有呼叫view的重繪,則你需要自己按照下面方式手動呼叫。

  1. anim.addUpdateListener(new AnimatorUpdateListener()  
  2.         {  
  3.             @Override
  4.             publicvoid onAnimationUpdate(ValueAnimator animation)  
  5.             {  
  6. //              view.postInvalidate();
  7. //              view.invalidate();
  8.             }  
  9.         });  
3、看了上面的例子,因為設定的操作的屬性只有一個,那麼如果我希望一個動畫能夠讓View既可以縮小、又能夠淡出(3個屬性scaleX,scaleY,alpha),只使用ObjectAnimator咋弄?

想法是不是很不錯,可能會說使用AnimatorSet啊,這一看就是一堆動畫塞一起執行,但是我偏偏要用一個ObjectAnimator例項實現呢~下面看程式碼:

  1. publicvoid rotateyAnimRun(final View view)  
  2. {  
  3.     ObjectAnimator anim = ObjectAnimator//
  4.             .ofFloat(view, "zhy"1.0F,  0.0F)//
  5.             .setDuration(500);//
  6.     anim.start();  
  7.     anim.addUpdateListener(new AnimatorUpdateListener()  
  8.     {  
  9.         @Override
  10.         publicvoid onAnimationUpdate(ValueAnimator animation)  
  11.         {  
  12.             float cVal = (Float) animation.getAnimatedValue();  
  13.             view.setAlpha(cVal);  
  14.             view.setScaleX(cVal);  
  15.             view.setScaleY(cVal);  
  16.         }  
  17.     });  
  18. }  

把設定屬性的那個字串,隨便寫一個該物件沒有的屬性,就是不管~~咱們只需要它按照時間插值和持續時間計算的那個值,我們自己手動呼叫~

效果:

這個例子就是想說明一下,有時候換個思路不要被API所約束,利用部分API提供的功能也能實現好玩的效果~~~

比如:你想實現拋物線的效果,水平方向100px/s,垂直方向加速度200px/s*s ,咋實現呢~~可以自己用ObjectAnimator試試~

4、其實還有更簡單的方式,實現一個動畫更改多個效果:使用propertyValuesHolder

  1. publicvoid propertyValuesHolder(View view)  
  2.     {  
  3.         PropertyValuesHolder pvhX = PropertyValuesHolder.ofFloat("alpha", 1f,  
  4.                 0f, 1f);  
  5.         PropertyValuesHolder pvhY = PropertyValuesHolder.ofFloat("scaleX", 1f,  
  6.                 0, 1f);  
  7.         PropertyValuesHolder pvhZ = PropertyValuesHolder.ofFloat("scaleY", 1f,  
  8.                 0, 1f);  
  9.         ObjectAnimator.ofPropertyValuesHolder(view, pvhX, pvhY,pvhZ).setDuration(1000).start();  
  10.     }  


 4、ValueAnimator實現動畫

和ObjectAnimator用法很類似,簡單看一下用view垂直移動的動畫程式碼:

  1. publicvoid verticalRun(View view)  
  2.     {  
  3.         ValueAnimator animator = ValueAnimator.ofFloat(0, mScreenHeight  
  4.                 - mBlueBall.getHeight());  
  5.         animator.setTarget(mBlueBall);  
  6.         animator.setDuration(1000).start();  
  7.     }  

給你的感覺是不是,坑爹啊,這和ValueAnimator有毛線區別~但是仔細看,你看會發現,沒有設定操作的屬性~~也就是說,上述程式碼是沒有任何效果的,沒有指定屬性~

這就是和ValueAnimator的區別之處:ValueAnimator並沒有在屬性上做操作,你可能會問這樣有啥好處?我豈不是還得手動設定?

好處:不需要操作的物件的屬性一定要有getter和setter方法,你可以自己根據當前動畫的計算值,來操作任何屬性,記得上例的那個【我希望一個動畫能夠讓View既可以縮小、又能夠淡出(3個屬性scaleX,scaleY,alpha)】嗎?其實就是這麼個用法~

例項:

佈局檔案:

  1. <RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3. 相關推薦

    Android 屬性動畫Property Animation

    1、概述 Android提供了幾種動畫型別:View Animation 、Drawable Animation 、Property Animation 。View Animation相當簡單,不過只能支援簡單的縮放、平移、旋轉、透明度基本的動畫,且有一定的侷限

    Android 屬性動畫Property Animation 全然解析

    顏色 valid 全部 加速度 ext target ng- 點擊 save 轉載請標明出處:http://blog.csdn.net/lmj623565791/article/details/380674751、概述Android提供了幾種動畫類型:View Anima

    Android 屬性動畫Property Animation 完全解析 【轉】

    轉載請標明出處:http://blog.csdn.net/lmj623565791/article/details/38067475 1、概述 Android提供了幾種動畫型別:View Animation 、Drawable Animation 、Property Anima

    Android 屬性動畫Property Animation 完全解析

    目錄(?)[+] 1、概述 Android提供了幾種動畫型別:View Animation 、Drawable Animation 、Property Animation 。View Animation相當簡單,不過只能支援簡單的縮放、平移、旋轉、透明度基本的動畫,

    屬性動畫property animation &重複執行

    Android中的動畫分為檢視動畫(View Animation)即Tween Animation(補間動畫)、屬性動畫(Property Animation)以及Drawable動畫即Frame Animation(幀動畫)。從Android 3.0(API

    Android過渡動畫Transition Animation

    本篇部落格記錄一下Android中過渡動畫的用法。 過渡動畫是Android 4.4引入的新的動畫框架,它本質上仍是屬性動畫, 但對屬性動畫做了一層封裝,以方便開發者實現Activity或者View的過渡動畫效果。 和屬性動畫相比,過渡動畫最大的不同是需要

    Android動畫Frame Animation 動畫停止在第一幀

    專案中遇到的問題: 需求: 做一個聊天頁面,要求播放語音時,有一個類似於喇叭的動畫,從小到大不停迴圈,語音播放完,動畫停止在第一幀。當點選正在播放的語音時,語音停止,動畫回覆到第一幀(回覆到第一幀是難點) 實現:用Frame Animation   可以在Java程式碼中新

    Android屬性動畫基本用法

    1、前言 在我們體驗一款APP時,炫酷的動畫往往能讓使用者體驗大幅度提升。想當年我剛學Android的時候,無意中看到蘑菇街購物車的動畫效果,把我給激動得,非要在自己的APP中加入那動畫,記得當時用費了好大的勁...不提了,說多了都是淚... 先了解下,目前可以實現動畫的

    Android屬性動畫 TimeInterpolator插值器

    OK,繼續學習屬性動畫,本篇文章是屬性動畫系列的第三篇文章了,今天來學習一下屬性動畫中的TimeInterpolator,如果你對屬性動畫還不太熟悉,可以點選下面的連結學習一下前兩篇文章的知識: 1.介紹 先說說Interpolator,在And

    android 屬性動畫view普通使用 和 自定義view使用

    1、概述 普通的動畫主要是Animation 和   Animator(與5.0的切換動畫,介面共享元素動畫區分開)  Animation 分 TranslateAnimation 移動 scaleAnimation 縮放 RotateAnimation 旋轉 AlphaA

    [UE4]屬性宣告Property Declaration各個巨集的定義及作用

    轉載自:https://www.jianshu.com/p/a86d567be8c3 參考:https://blog.csdn.net/claien/article/details/49358697   屬性宣告(Property Declaration) 屬性變數使用標準

    iOS動畫Core Animation使用

    #import <Foundation/Foundation.h> @interface AnimationManager : NSObject /* 閃爍動畫 * time:閃爍間隔 * repeatCount = MAXFLOAT(永久閃爍)重複次數 */ + (CABasic

    android 記憶體優化 圖片篇

    記憶體簡介: RAM(random access memory)隨機存取儲存器。說白了就是記憶體。 一般Java在記憶體分配時會涉及到以下區域: 暫存器(Registers):速度最快的儲存場所,因為暫存器位於處理器內部,我們在程式中無法控制 棧(Stack):存放基本

    iOS動畫Core Animation總結

    一、簡介 iOS動畫主要是指Core Animation框架。官方使用文件地址為:Core Animation Guide。Core Animation是iOS和macOS平臺上負責圖形渲染與動畫的基礎框架。Core Animation可以作用與動畫檢視或者其他可視元素,

    通過定義屬性動畫資源Property Animation來實現背景色的不斷變化

    Animator是一個抽象類,他本身就代表了一個屬性動畫,它擁有 AnimatorSet,ValueAnimator,ObjectAnimator,TimeAnimator等子類,定義屬性動畫的XML

    Android三種動畫View Animation(補間動畫) 、Drawable Animation(幀動畫) 、Property Animation(屬性動畫)

    轉載:http://blog.csdn.net/lmj623565791/article/details/38092093 三種動畫的優缺點: (1)Frame Animation(幀動畫)主要用於播放一幀幀準備好的圖片,類似GIF圖片,優點是使用簡單

    Android 屬性動畫 Property Animation進階篇

    簡介 上期的內容,對於大多數簡單的屬性動畫場景已經夠用了。這期的內容主要針對兩個方面: 針對特殊型別的屬性來做屬性動畫; 針對複雜的屬性關係來做屬性動畫。 TypeEvaluator 關於 ObjectAnimat

    Android View動畫 --- scale

    for -- 縮放 記錄 1.0 使用 tco 關於 mod 在我們做apk開發的過程中,如果要吸引用戶,就需要要做出來一個非常炫的界面,當然動畫是必不可少的,接下來就記錄和學習動畫相關…… 接下來就把平時的一些東西,慢慢的上傳上來,做一下記錄和保存 今天要講解的第一個

    Android 動畫動畫詳解之屬性動畫

    大家好,在前兩篇中,我們介紹了Android的補間動畫和插值器,這一篇,我們來說下屬性動畫。 【Android 動畫】動畫詳解之補間動畫(一) 【Android 動畫】動畫詳解之插值器(二) 前言 通過前兩篇,我們已經熟悉了對View進行移動、縮放、旋轉和

    從零開始學Android自定義View之動畫系列——屬性動畫3

    屬性動畫對補間動畫進行了很大幅度的改進,之前補間動畫可以做到的屬性動畫也能做到,補間動畫做不到的現在屬性動畫也可以做到了。因此,今天我們就來學習一下屬性動畫的高階用法,看看如何實現一些補間動畫所無法實現的功能。 ValueAnimator的高階用法 補間