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:通過對場景里的對象不斷做圖像變換(平移牙捉、縮放竹揍、旋轉(zhuǎn))產(chǎn)生動(dòng)畫效果,即是一種漸變動(dòng)畫邪铲;
- Frame Animation:順序播放事先做好的圖像芬位,是一種畫面轉(zhuǎn)換動(dòng)畫。
- Property Animation:屬性動(dòng)畫带到,通過動(dòng)態(tài)地改變對象的屬性從而達(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ù)是要操縱的對象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)畫顧名思義就是針對屬性的動(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)位于對象的中心。
- 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鏈接