Android View體系(三)屬性動畫
上一篇文章講了View滑動的六種方法,其中一種是使用動畫,這篇文章我們來講一講動畫的其中一種:屬性動畫。
1.android視圖動畫和屬性動畫
視圖動畫我們都了解,它提供了AlphaAnimation,RotateAnimation,TranslateAnimation,ScaleAnimation四種動畫方式,并提供了AnimationSet動畫集合來混合使用多中動畫。隨著android3.0屬性動畫的推出,視圖動畫就不再風光,相比屬性動畫視圖動畫非常大的缺陷是不具有交互性,當某個元素發生視圖動畫后,其響應事件的位置依然在動畫前的地方,所以視圖動畫只能做普通的動畫效果,避免交互的發生。但是它的優點也非常明顯:效率比較高使用也方便。
2.android屬性動畫
由于android3.0之前已有的動畫框架Animation存在一些局限性:動畫改變的只是顯示,并不能響應事件。因此,在android3.0之后,谷歌就推出了新的動畫框架,幫助開發者實現更加豐富的動畫效果。
在Animator框架中使用最多的就是AnimatorSet和ObjectAnimator配合,使用ObjectAnimator進行更精細化的控制,控制一個對象和一個屬性值,而使用多個ObjectAnimator組合到AnimatorSet形成一個動畫。屬性動畫通過調用屬性get,set方法來真實地控制了一個View的屬性值,因此強大的屬性動畫框架,基本可以實現所有的動畫效果。
ObjectAnimator
ObjectAnimator是屬性動畫最重要的類,創建一個ObjectAnimator只需通過他的靜態工廠類直接返還一個ObjectAnimator對象。參數包括一個對象和對象的屬性名字,但這個屬性必須有get和set函數,內部會通過java反射機制來調用set函數修改對象的屬性值。
來看看平移動畫是如何實現的:
ObjectAnimator mObjectAnimator=ObjectAnimator.ofFloat(view,"translationX",200); mObjectAnimator.setDuration(300); mObjectAnimator.start();
通過ObjectAnimator 的靜態工廠方法,創建一個ObjectAnimator 對象,第一個對象是要操作的View,第二個參數則是要操縱的屬性,最后一個參數是一個可變的數組參數,需要傳進去一個該屬性變化的一個取值的過程,這里設置了一個參數,變化到200。與視圖動畫一樣,也可以給屬性動畫設置顯示時長,差值器等屬性。在使用ObjectAnimator的時候,有一個非常重要,那就是是要操縱的屬性必須要有get,set方法,不然ObjectAnimator 就無法起效。下面就是一些常用的可以直接使用的屬性動畫的屬性值:
- translationX和translationY:這兩個屬性作為增量控制View對象從他的布局容器的左上角開始位置。
- rotation、rotationX、rotationY:這三個屬性控制View對象圍繞它的支點進行2D和3D旋轉。
- PrivotX和PrivotY:控制View對象的支點位置,圍繞這個支點進行旋轉和縮放變換處理。默認該支點位置就是View對象的中心點。
- alpha:透明度,默認是1(不透明),0代表完全透明。
- x和y:描述View對象在它容器中的最終位置,它是最初的做上角坐標和translationX,translationY值的累計的和。
如果一個屬性沒有get,set方法,也可以通過自定義一個屬性類或則包裝類來間接地給這個屬性增加get和set方法。來看看如何通過包裝類的方法給一個屬性增加get和set方法:
private static class MyView{ private View mTarget; private MyView(View mTarget){ this.mTarget=mTarget; } public int getWidth(){ return mTarget.getLayoutParams().width; } public void setWidth(int width){ mTarget.getLayoutParams().width=width; mTarget.requestLayout(); } }
使用時只需要操縱包類就可以調用get,set方法:
MyView mMyView=new MyView(mButton); ObjectAnimator.ofInt(mMyView,"width",500).setDuration(500).start();
ValueAnimator
ValueAnimator不提供任何動畫效果,它更像一個數值發生器,用來產生一定規律數字,從而讓調用者來控制動畫的實現過程。通常情況下,在ValueAnimator的AnimatorUpdateListener中監聽數值的變化,從而完成動畫的變換:
ValueAnimator mValueAnimator=ValueAnimator.ofFloat(0,100); mValueAnimator.setTarget(view); mValueAnimator.setDuration(1000).start(); mValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { Float mFloat=(Float)animation.getAnimatedValue(); } }); }
動畫的監聽
完整的動畫具有start,Repeat,End,Cancel四個過程:
ObjectAnimator animator=ObjectAnimator.ofFloat(view,"alpha",1.5f); animator.addListener(new Animator.AnimatorListener() { @Override public void onAnimationStart(Animator animation) { } @Override public void onAnimationEnd(Animator animation) { } @Override public void onAnimationCancel(Animator animation) { } @Override public void onAnimationRepeat(Animator animation) { } }); }
大部分時候我們只關心onAnimationEnd事件,android也提供了AnimatorListenterAdaper來讓我門選擇必要的事件進行監聽:
ObjectAnimator animator=ObjectAnimator.ofFloat(view,"alpha",1.5f); animator.addListener(new AnimatorListenerAdapter() { @Override public void onAnimationEnd(Animator animation) { super.onAnimationEnd(animation); } });
組合動畫-AnimatorSet
這個類提供了一個play()方法,如果我們向這個方法中傳入一個Animator對象(ValueAnimator或ObjectAnimator)將會返回一個AnimatorSet.Builder的實例,AnimatorSet.Builder中包括以下四個方法:
- after(Animator anim) 將現有動畫插入到傳入的動畫之后執行
- after(long delay) 將現有動畫延遲指定毫秒后執行
- before(Animator anim) 將現有動畫插入到傳入的動畫之前執行
- with(Animator anim) 將現有動畫和傳入的動畫同時執行
ObjectAnimator animator1 = ObjectAnimator.ofFloat(mCustomView, "translationX", 0.0f, 200.0f, 0f); ObjectAnimator animator2 = ObjectAnimator.ofFloat(mCustomView, "scaleX", 1.0f, 2.0f); ObjectAnimator animator3 = ObjectAnimator.ofFloat(mCustomView, "rotationX", 0.0f, 90.0f, 0.0F); AnimatorSet set=new AnimatorSet(); set.setDuration(1000); set.play(animator1).with(animator2).after(animator3); set.start();
組合動畫-PropertyValuesHolder
除了上面AnimatorSet類還可以使用PropertyValuesHolder類來實現組合動畫,不過這個組合動畫就沒有上面的豐富了,使用PropertyValuesHolder類只能多個動畫一起執行。當然我們得結合 ObjectAnimator.ofPropertyValuesHolder(Object target,
PropertyValuesHolder… values);方法來使用。第一個參數是動畫的目標對象,之后的參數是PropertyValuesHolder類的實例,可以有多個這樣的實例。代碼如下:
PropertyValuesHolder valuesHolder1 = PropertyValuesHolder.ofFloat('scaleX', 1.0f, 1.5f); PropertyValuesHolder valuesHolder2 = PropertyValuesHolder.ofFloat('rotationX', 0.0f, 90.0f, 0.0F); PropertyValuesHolder valuesHolder3 = PropertyValuesHolder.ofFloat('alpha', 1.0f, 0.3f, 1.0F); ObjectAnimator objectAnimator = ObjectAnimator.ofPropertyValuesHolder(imageView, valuesHolder1, valuesHolder2, valuesHolder3); objectAnimator.setDuration(2000).start();
xml中使用屬性動畫
和視圖動畫一樣,屬性動畫也可以直接寫在xml中:
在res文件中新建animator文件,在里面新建一個scale.xml,里面的內容如下:
<?xml version="1.0" encoding="utf-8"?> <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:duration="1000" android:propertyName="scaleX" android:valueFrom="1.0" android:valueTo="2.0" android:valueType="floatType" > </objectAnimator>
程序中引用xml定義的屬性動畫
Animator animator=AnimatorInflater.loadAnimator(this,R.animator.scale); animator.setTarget(view); animator.start();
浙公網安備 33010602011771號