Android幀動(dòng)畫、補(bǔ)間動(dòng)畫、屬性動(dòng)畫用法詳解
在安卓開發(fā)中,經(jīng)常會(huì)使用到一些動(dòng)畫,那么在開發(fā)中,如何使用這些動(dòng)畫呢?
幀動(dòng)畫:不是針對(duì)View做出一些形狀上的變化,而是用于播放一張張的圖片,例如一些開機(jī)動(dòng)畫,類似于電影播放,使用的是AnimationDrawable來(lái)播放幀動(dòng)畫
res/drawable
<?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="true" > <item android:drawable="@drawable/g1" android:duration="200"></item> <item android:drawable="@drawable/g2" android:duration="200"></item> <item android:drawable="@drawable/g3" android:duration="200"></item> <item android:drawable="@drawable/g4" android:duration="200"></item> <item android:drawable="@drawable/g5" android:duration="200"></item> </animation-list>
ImageView iv = (ImageView) findViewById(R.id.iv); iv.setBackgroundDrawable(getResources().getDrawable(R.drawable.frame_anim)); AnimationDrawable animationDrawable = (AnimationDrawable) iv.getBackground(); //設(shè)置是否只執(zhí)行一次 //animationDrawable.setOneShot(false); animationDrawable.start();
補(bǔ)間動(dòng)畫(View動(dòng)畫):如果View只做一些動(dòng)畫,并不對(duì)View做點(diǎn)擊或觸控的一些操作,可以使用補(bǔ)間動(dòng)畫,因?yàn)閂iew動(dòng)畫,并不會(huì)改變View的位置,只是做一些渲染。View動(dòng)畫的四種變換效果對(duì)應(yīng)著Animation的四個(gè)子類:TranslateAnimation、ScaleAnimation、RotateAnimation、AlphaAnimation.
// 以view中心為縮放點(diǎn),由初始狀態(tài)縮小到看不間在返回到看見 ScaleAnimation animation = new ScaleAnimation( 1.0f, 0.0f,//一點(diǎn)點(diǎn)變小直到看不見為止 1.0f, 0.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f//中間縮放 ); animation.setDuration(BUBBLE_ENTER_CENTER_SCALE_TIME); animation.setRepeatMode(Animation.REVERSE); animation.setRepeatCount(1); animation.setAnimationListener(new Animation.AnimationListener() { @Override public void onAnimationStart(Animation animation) { } @Override public void onAnimationEnd(Animation animation) { homingBubbleView(true,position,view, current, endRatioFrame); } @Override public void onAnimationRepeat(Animation animation) { } }); view.startAnimation(animation);
屬性動(dòng)畫:API11新特性,如果對(duì)View不僅做一些動(dòng)畫操作,也對(duì)View做一些點(diǎn)擊觸摸的操作,可以使用屬性動(dòng)畫,因?yàn)閷傩詣?dòng)畫會(huì)改變View的位置。屬性動(dòng)畫類有ValueAnimator、ObjectAnimator、AnimatorSet。
下面就來(lái)介紹一下兩個(gè)屬性動(dòng)畫
ValueAnimator值動(dòng)畫,它并不是用于對(duì)View做一些動(dòng)畫,它僅僅是用于兩個(gè)值之間的一個(gè)過(guò)度的動(dòng)畫(按照時(shí)間將兩個(gè)差值平分,然后根據(jù)時(shí)間來(lái)一點(diǎn)點(diǎn)的往上加),系統(tǒng)提供了一些ValueAnimator.ofInt()、ValueAnimator.ofFloat()用于整型和浮點(diǎn)型的兩只之間的過(guò)度動(dòng)畫,如果兩個(gè)值是自己自定義的類型該怎么辦呢?安卓提供了一個(gè)ValueAnimator.ofObject()方法,其中一個(gè)參數(shù)是TypeEvaluator類型(類型估算器),TypeEvaluator是一個(gè)接口,給開發(fā)者的一個(gè)擴(kuò)展,接口中有一個(gè)public Object evaluate(float fraction, Object startValue, Object endValue) 方法,該方法會(huì)在ValueAnimator動(dòng)畫期間不斷的調(diào)用,fraction是0-1之間的變化率,startValue是(自定義類型的)開始值,endValue是(自定義類型的)結(jié)束值,返回類型就是自定義的類型,可以根據(jù)自己的需求來(lái)自行計(jì)算期間的值該如何變化(如可以是運(yùn)行軌跡)
public class FloatEvaluator implements TypeEvaluator { public Object evaluate(float fraction, Object startValue, Object endValue) { float startFloat = ((Number) startValue).floatValue(); return startFloat + fraction * (((Number) endValue).floatValue() - startFloat); }
使用
ValueAnimator mAnimatorEnetr = ValueAnimator.ofObject(new FloatEvaluator(getContext()), 0,10); mAnimatorEnetr.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { (Float) animation.getAnimatedValue();//這里就是返回不斷變化的值 } }); mAnimatorEnetr.setDuration(1000); mAnimatorEnetr.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) { } }); mAnimatorEnetr.start();
ObjectAnimator動(dòng)畫,它是針對(duì)view來(lái)做一些屬性上值得變化,它不僅在值上有一個(gè)過(guò)度的變化,而且還會(huì)將變化的值設(shè)置到所要改變的屬性上,讓其產(chǎn)生動(dòng)畫的效果
ObjectAnimator.ofInt(view,"translationX",10,20).setDuration(100).start(); 參數(shù)view是要產(chǎn)生動(dòng)畫的view,"translationX"屬性,后面的參數(shù)是變化的區(qū)間
ObjectAnimator做屬性動(dòng)畫的時(shí)候,并不會(huì)改變view的left,top,right,bottom值,它改變的只是translationX和translationY的值,這些參數(shù)值的關(guān)系是 x = left + translationX , y = top + translationY。在平移過(guò)程中,只會(huì)改變x 和translationX ,y和translatioinY的值。其中x和y是View左上角的坐標(biāo)。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android Studio實(shí)現(xiàn)補(bǔ)間動(dòng)畫
- Android動(dòng)畫系列之幀動(dòng)畫和補(bǔ)間動(dòng)畫的示例代碼
- Android動(dòng)畫學(xué)習(xí)筆記之補(bǔ)間動(dòng)畫
- Android補(bǔ)間動(dòng)畫基本使用(位移、縮放、旋轉(zhuǎn)、透明)
- Android旋轉(zhuǎn)、平移、縮放和透明度漸變的補(bǔ)間動(dòng)畫
- Android控件Tween動(dòng)畫(補(bǔ)間動(dòng)畫)實(shí)現(xiàn)方法示例
- android 幀動(dòng)畫,補(bǔ)間動(dòng)畫,屬性動(dòng)畫的簡(jiǎn)單總結(jié)
- Android動(dòng)畫之補(bǔ)間動(dòng)畫(Tween Animation)基礎(chǔ)學(xué)習(xí)
- Android動(dòng)畫之補(bǔ)間動(dòng)畫(Tween Animation)實(shí)例詳解
- Android?Studio實(shí)現(xiàn)簡(jiǎn)單補(bǔ)間動(dòng)畫
相關(guān)文章
詳解Flutter如何使用Completer實(shí)現(xiàn)防抖功能
防抖是用于確保時(shí)間內(nèi)的所有觸發(fā)被合并成單一請(qǐng)求,在Flutter中,我們可以使用Completer 來(lái)實(shí)現(xiàn)防抖功能,下面我們就來(lái)看看具體實(shí)現(xiàn)方法吧2024-03-03Android開發(fā)之ClipboardManager剪貼板功能示例
這篇文章主要介紹了Android開發(fā)之ClipboardManager剪貼板功能,結(jié)合簡(jiǎn)單實(shí)例形式分析了Android使用ClipboardManager實(shí)現(xiàn)剪貼板功能的相關(guān)操作技巧,需要的朋友可以參考下2017-03-03Android利用CountDownTimer實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了Android利用CountDownTimer實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼倒計(jì)時(shí)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03Android實(shí)現(xiàn)文字和圖片混排(文字環(huán)繞圖片)效果
這篇文章主要介紹了Android實(shí)現(xiàn)文字和圖片混排的方法,實(shí)例分析了文字環(huán)繞圖片效果的具體功能顯示及頁(yè)面布局實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10Android手機(jī)注冊(cè)登錄時(shí)獲取驗(yàn)證碼之后倒計(jì)時(shí)功能(知識(shí)點(diǎn)總結(jié))
這篇文章主要介紹了Android手機(jī)注冊(cè)登錄時(shí)獲取驗(yàn)證碼之后倒計(jì)時(shí)(知識(shí)點(diǎn)總結(jié))功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧2017-01-01Android貝塞爾曲線實(shí)現(xiàn)直播點(diǎn)贊效果
這篇文章主要為大家詳細(xì)介紹了Android貝塞爾曲線實(shí)現(xiàn)直播點(diǎn)贊效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-03-03Android獲取LinearLayout的寬度和高度示例代碼
這篇文章主要介紹了android獲取LinearLayout的寬度和高度,如果想直接獲取在布局文件中定義的組件的寬度和高度,可以直接使用View.getLayoutParams().width和View.getLayoutParams().height,本文結(jié)合示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08