Android屬性動(dòng)畫總結(jié)
前言
動(dòng)畫應(yīng)該是Android開發(fā)中比較常用相當(dāng)重要的技能之一，有時(shí)候多日不用，用的時(shí)候腦子一片空白。這里總結(jié)下一屬性動(dòng)畫的使用，以備不時(shí)之需。
Google官方把動(dòng)畫分為
- View Animation
- Drawable Animation
- Property Animation
作為一個(gè)“老Android開發(fā)者”，我們一般這樣分：
- Tween Animation：通過對(duì)場景里的對(duì)象不斷做圖像變換(平移、縮放、旋轉(zhuǎn))產(chǎn)生動(dòng)畫效果，即是一種漸變動(dòng)畫；
- Frame Animation：順序播放事先做好的圖像，是一種畫面轉(zhuǎn)換動(dòng)畫。
- Property Animation：屬性動(dòng)畫，通過動(dòng)態(tài)地改變對(duì)象的屬性從而達(dá)到動(dòng)畫效果，屬性動(dòng)畫為API 11新特性。
另外兩個(gè)動(dòng)畫都比較經(jīng)典這里就不說了，本文主要總結(jié)屬性動(dòng)畫，
Property Animation 屬性動(dòng)畫是Android 3.0 (API level 11)才加入的，一般來說官方也比較推薦用它，因?yàn)樗峁┝烁嗟膶傩?，使用起來更加的靈活
Android官網(wǎng)Property Animation鏈接
簡述
屬性動(dòng)畫系統(tǒng)可以讓你定義動(dòng)畫的以下屬性：
- 時(shí)長
- 時(shí)間插值
- 重復(fù)次數(shù)
- 動(dòng)畫集Animator sets
- 幀頻率
就像說Java里面說list我們想到了ArrayList，說map我們想到了HashMap，說屬性動(dòng)畫我們自然要想到ObjectAnimator，它是屬性動(dòng)畫的最典型最重要的類。其他的不是特殊需要可以先不考慮
基本使用
單個(gè)動(dòng)畫使用
/**
* 縮放動(dòng)畫
* @param v 被縮放的view
*/
private void scale(View v){
ObjectAnimator anim = ObjectAnimator.ofFloat(v, "scaleX", 2f);//x方向放大兩倍
anim.setDuration(1000);//時(shí)長
anim.setRepeatCount(2);//重復(fù)次數(shù)
anim.setRepeatMode(ValueAnimator.REVERSE);//重復(fù)時(shí)相反的方向恢復(fù)到原來的樣子
anim.setInterpolator(new AccelerateInterpolator());//設(shè)置插值器為加速度
anim.start();
}
ofFloat的參數(shù)：
- 第一個(gè)參數(shù)是要操縱的對(duì)象view
- 第二個(gè)參數(shù)是屬性，比如"x"，"y"，"pivotX","translationX","rotationX"，"scaleX"，"scaleY"等
- 第三個(gè)參數(shù)是可變數(shù)組參數(shù)，是本屬性動(dòng)畫相應(yīng)的變化值，
ObjectAnimator有那么多方法，這里為什么用ofFloat()而不是ofInt(),ofArgb(),ofMultiFloat()等等，還是那句話它最經(jīng)典用的最多，這里用它就適合。不要糾結(jié)當(dāng)你發(fā)現(xiàn)ofFloat不夠用的時(shí)候，實(shí)現(xiàn)不了的時(shí)候再去深入看看其他的
屬性動(dòng)畫顧名思義就是針對(duì)屬性的動(dòng)畫，那么屬性動(dòng)畫的屬性們有哪些呢：
- translationX and translationY:這兩個(gè)屬性控制view距離其布局容器的左上角坐標(biāo)的偏移量
- rotation, rotationX, and rotationY:這些屬性控制圍繞軸點(diǎn)進(jìn)行的2D和3D的旋轉(zhuǎn)
- scaleX and scaleY: 控制視圖繞其軸點(diǎn)的x軸，y軸的縮放倍數(shù)
- pivotX and pivotY:控制軸點(diǎn)的位置，圍繞該點(diǎn)旋轉(zhuǎn)和縮放變換發(fā)生。默認(rèn)情況下，軸點(diǎn)位于對(duì)象的中心。
- x and y: 用于描述在其容器視圖中的最終位置，作為左側(cè)值和頂部值以及translationX和translationY值的總和。
- alpha:View視圖的透明度，0是完全透明，1是不透明
動(dòng)畫集使用
想要?jiǎng)赢嬓Ч屿趴?，肯定不是單一的效果，需要幾個(gè)動(dòng)畫結(jié)合一起執(zhí)行，這里就要用到AnimatorSet，用法舉例：
/**
* @param v 執(zhí)行動(dòng)畫的view
* @param startBounds 開始的邊界
* @param finalBounds 結(jié)束時(shí)的邊界
* @param startScale 開始的拉伸比率
*/
public void startZoomAnim(View v, Rect startBounds, Rect finalBounds, float startScale) {
AnimatorSet set = new AnimatorSet();
set.play(
ObjectAnimator.ofFloat(v, "x", startBounds.left, finalBounds.left))
.with(ObjectAnimator.ofFloat(v, "y", startBounds.top, finalBounds.top))
.with(ObjectAnimator.ofFloat(v, "scaleX", startScale, 1f))
.with(ObjectAnimator.ofFloat(v, "scaleY", startScale, 1f));
set.setDuration(200);
set.setInterpolator(new DecelerateInterpolator());
set.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
//
}
@Override
public void onAnimationCancel(Animator animation) {
//
}
});
set.start();
}
其實(shí)真正開發(fā)中你會(huì)發(fā)現(xiàn)也許AnimatorSet也不能滿足你的需求，因?yàn)樵O(shè)計(jì)的效果也許是一連串的動(dòng)畫效果，這時(shí)候你就需要加入動(dòng)畫監(jiān)聽器AnimatorListener，監(jiān)聽到動(dòng)畫之行結(jié)束啟動(dòng)另外一個(gè)動(dòng)畫
插值器
想要效果更加靈動(dòng)活潑自然少不了插值器
各個(gè)插值器效果參考這里
http://www.cnblogs.com/mengdd/p/3346003.html
總結(jié)
上面這些都是屬性動(dòng)畫的基礎(chǔ)知識(shí)，也許復(fù)雜的動(dòng)畫自己寫監(jiān)聽會(huì)很復(fù)雜，這里推薦一個(gè)開源庫，操作屬性動(dòng)畫很優(yōu)雅
https://github.com/florent37/ViewAnimator
ViewAnimator
.animate(image)
.translationY(-1000, 0)
.alpha(0,1)
.andAnimate(text)
.dp().translationX(-20, 0)
.decelerate()
.duration(2000)
.thenAnimate(image)
.scale(1f, 0.5f, 1f)
.accelerate()
.duration(1000)
.start();
參考鏈接
Android官網(wǎng)Property Animation鏈接
