android 幀動畫,補間動畫,屬性動畫的簡單總結(jié)
更新時間：2017年01月05日 16:13:49 作者：S丶black
本文主要對android 幀動畫,補間動畫,屬性動畫進行了簡單總結(jié)，具有一定的參考價值，下面跟著小編一起來看下吧
幀動畫——FrameAnimation
將一系列圖片有序播放，形成動畫的效果。其本質(zhì)是一個Drawable，是一系列圖片的集合，本身可以當做一個圖片一樣使用
在Drawable文件夾下，創(chuàng)建animation-list為根節(jié)點的資源文件
<animation-list android:oneshot="false"> <item android:drawable="@drawable/img1" android:duration="100"/> <item android:drawable="@drawable/img2" android:duration="100"/> <item android:drawable="@drawable/img3" android:duration="100"/> <item android:drawable="@drawable/img4" android:duration="100"/> </animation-list>
oneshot:是否只播放一次
drawable:一幀引用的圖片
duration:一幀播放的時間
播放動畫
將動畫作為控件的背景
((AnimationDrawable)view.getBackground()).start();
Animation常用屬性
duration:動畫時間
repeatCount:重復(fù)次數(shù) infinite無限次
fillAfter:是否停止在最后一幀
repeatMode:重復(fù)模式 值：restart重新開始，reserve反復(fù)
startOffset:開始延遲時間
補間動畫 Tween Animation
只能應(yīng)用于View對象，只支持部分屬性，View animation值改變了View繪制的位置，并沒有改變對象本身的真實位置
可以使用XML定義也可以使用代碼定義 XML定義的動畫放在/res/anim/文件夾內(nèi)
開始動畫 通過view的startAnimation(Animation a) 參數(shù)定義的動畫
四種補間動畫通過XML定義
AlphaAnimation：透明度動畫
<?xml version="1.0" encoding="utf-8"?> <alpha xmlns:android="http://schemas.android.com/apk/res/android" android:fromAlpha="0" android:toAlpha="1" android:duration="2000"> <!-- fromAlpha 起始透明度 0為完全透明 1為不透明 0~1之間的浮點值 toAlpha 結(jié)束透明度 duration 動畫運行時間 單位毫秒 --> </alpha>
AlphaAnimation alphaAnimation=null; //加載XML中的動畫XML文件 alphaAnimation= (AlphaAnimation) AnimationUtils.loadAnimation(MainActivity.this, R.anim.anim_alpha); //常用屬性設(shè)置 各種動畫通用 alphaAnimation.setRepeatCount(3);//執(zhí)行動畫效果結(jié)束后重復(fù)執(zhí)行3次 一共4次 alphaAnimation.setRepeatMode(Animation.REVERSE);//重復(fù)模式 //動畫結(jié)束是否停止在最后一幀 alphaAnimation.setFillAfter(true); //動畫結(jié)束是否停止在第一幀 alphaAnimation.setFillBefore(false); //設(shè)置插值器 動畫執(zhí)行速度 變速 加減速。。 //AccelerateInterpolator減速 //DecelerateInterpolator加速 alphaAnimation.setInterpolator(new AccelerateDecelerateInterpolator());
ScaleAnimation：縮放動畫
代碼加載的方式和方法的使用與AlphaAnimation一樣
<?xml version="1.0" encoding="utf-8"?> <scale xmlns:android="http://schemas.android.com/apk/res/android" android:toXScale="1" android:toYScale="1" android:fromXScale="0.1" android:fromYScale="0.1" android:pivotY="0%" android:pivotX="0%" android:duration="2000"> <!-- 浮點值 表示倍數(shù) 自身幾倍 fromXScale 動畫在X軸以自身幾倍伸縮開始 toXScale 動畫在X軸以自身幾倍伸縮結(jié)束 fromYScale 動畫在Y軸以自身幾倍伸縮開始 toYScale 動畫在Y軸以自身幾倍伸縮結(jié)束 pivotX 動畫相對于控件自身的X坐標的開始位置 pivotY 動畫相對于控件自身的Y坐標的開始位置 0% 0% 表示控件左上角 為0，0原點坐標 --> </scale>
TranslateAnimation：平移動畫
<?xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android" android:fromXDelta="-100%p" android:fromYDelta="0" android:toXDelta="100%p" android:toYDelta="0" android:duration="2000"> <!-- fromXDelta x軸起始位置 toXDelta X軸結(jié)束位置 fromYDelta y軸起始位置 toYDelta y軸結(jié)束位置 100%p 表示相對于父級 100%相對于自身 --> </translate>
RotateAnimation：旋轉(zhuǎn)動畫
<?xml version="1.0" encoding="utf-8"?> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:fromDegrees="0" android:toDegrees="360" android:duration="2000" android:pivotX="50%" android:pivotY="50%" android:interpolator="@android:anim/accelerate_decelerate_interpolator"> <!-- interpolator 指定動畫的插值器 accelerate_decelerate_interpolator 加速-減速 accelerate_interpolator 加速 decelerate_interpolator 減速 fromDegrees 動畫起始角度 toDegrees 動畫結(jié)束旋轉(zhuǎn)的角度 可以大于360度 負數(shù)表示逆時針旋轉(zhuǎn) 正數(shù)表示順時針旋轉(zhuǎn) pivotX相對于view的X坐標的開始位置 pivotY相對于view的Y坐標的開始位置 絕對尺寸 100px 50% 相對尺寸 相對于自身的50% 50%p 相對尺寸 相對于父容器的50% 50%為物件的X或Y方向坐標上的中點位置 duration 動畫播放時間 單位毫秒 --> </rotate>
通過構(gòu)造方法創(chuàng)建
構(gòu)造參數(shù)詳解 此段內(nèi)容選自 http://www.cnblogs.com/aimeng/archive/2011/10/10/2206710.html
//在代碼中定義 動畫實例對象 private Animation myAnimation_Alpha; private Animation myAnimation_Scale; private Animation myAnimation_Translate; private Animation myAnimation_Rotate; //根據(jù)各自的構(gòu)造方法來初始化一個實例對象 myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f); myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); myAnimation_Translate=new TranslateAnimation(30.0f, -80.0f, 30.0f, 300.0f); myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f, Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);
AlphaAnimation
AnimationAlphaAnimation(float fromAlpha, float toAlpha) //第一個參數(shù)fromAlpha為 動畫開始時候透明度 //第二個參數(shù)toAlpha為 動畫結(jié)束時候透明度 myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f); //說明: // 0.0表示完全透明 // 1.0表示完全不透明 myAnimation_Alpha.setDuration(5000); //設(shè)置時間持續(xù)時間為 5000毫秒
ScaleAnimation
ScaleAnimation(float fromX, float toX, float fromY, float toY,
int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
//第一個參數(shù)fromX為動畫起始時 X坐標上的伸縮尺寸
//第二個參數(shù)toX為動畫結(jié)束時 X坐標上的伸縮尺寸
//第三個參數(shù)fromY為動畫起始時Y坐標上的伸縮尺寸
//第四個參數(shù)toY為動畫結(jié)束時Y坐標上的伸縮尺寸
/*說明:
以上四種屬性值
0.0表示收縮到?jīng)]有
1.0表示正常無伸縮
值小于1.0表示收縮
值大于1.0表示放大
*/
//第五個參數(shù)pivotXType為動畫在X軸相對于物件位置類型
//第六個參數(shù)pivotXValue為動畫相對于物件的X坐標的開始位置
//第七個參數(shù)pivotXType為動畫在Y軸相對于物件位置類型
//第八個參數(shù)pivotYValue為動畫相對于物件的Y坐標的開始位置
myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
myAnimation_Scale.setDuration(700);
//設(shè)置時間持續(xù)時間為 700毫秒
TranslateAnimation
TranslateAnimation(float fromXDelta, float toXDelta,
float fromYDelta, float toYDelta)
//第一個參數(shù)fromXDelta為動畫起始時 X坐標上的移動位置
//第二個參數(shù)toXDelta為動畫結(jié)束時 X坐標上的移動位置
//第三個參數(shù)fromYDelta為動畫起始時Y坐標上的移動位置
//第四個參數(shù)toYDelta為動畫結(jié)束時Y坐標上的移動位置
RotateAnimation
RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue) //第一個參數(shù)fromDegrees為動畫起始時的旋轉(zhuǎn)角度 //第二個參數(shù)toDegrees為動畫旋轉(zhuǎn)到的角度 //第三個參數(shù)pivotXType為動畫在X軸相對于物件位置類型 //第四個參數(shù)pivotXValue為動畫相對于物件的X坐標的開始位置 //第五個參數(shù)pivotXType為動畫在Y軸相對于物件位置類型 //第六個參數(shù)pivotYValue為動畫相對于物件的Y坐標的開始位置 myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f, Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);
屬性動畫
相對補間動畫 屬性動畫會真正的使目標對象的屬性值發(fā)生改變，不像補間動畫只是影像的改變 只能修改具有g(shù)et/set方法的屬性值
因為可以修改對象的屬性，屬性動畫可以做到更多的效果,改變文本大小，背景顏色等等
屬性動畫創(chuàng)建在 res/animator
ValueAnimator
包含屬性動畫的所有核心功能，動畫時間，開始、結(jié)束屬性值，屬性值計算方法等。
ValuAnimiator設(shè)置開始結(jié)束值 實現(xiàn)ValueAnimator.onUpdateListener接口，
這個接口只有一個函數(shù)onAnimationUpdate()，在這個函數(shù)中會傳入ValueAnimator對象做為參數(shù)，通過這個ValueAnimator對象的getAnimatedValue()函數(shù)可以得到當前的屬性值
把屬性值設(shè)置給某個控件的某個屬性
使用xml
<?xml version="1.0" encoding="utf-8"?> <animator xmlns:android="http://schemas.android.com/apk/res/android" android:duration="1000" android:valueFrom="0" android:valueTo="300" android:valueType="intType" android:interpolator="@android:interpolator/overshoot"> <!-- valueFrom 起始值 valueTo 結(jié)束值 valueType 值的類型 intType整數(shù)值、floatType浮點值、colorType顏色值 interpolator插值器 --> </animator>
ValueAnimator valueAnimator=null; //通過AnimatorInflater.loadAnimator()加載xml 創(chuàng)建ValueAnimator valueAnimator= (ValueAnimator) AnimatorInflater.loadAnimator(this,R.animator.animator_value); //動畫執(zhí)行時間 valueAnimator.setDuration(3000); //值改變監(jiān)聽 valueAnimator.addUpdateListener(listener); //開始動畫 valueAnimator.start();
private ValueAnimator.AnimatorUpdateListener listener=new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
//獲取值
int value= (int) animation.getAnimatedValue();
//btnValueAnimator為測試控件
//設(shè)置控件X軸平移
btnValueAnimator.setTranslationX(value);
}
};
使用代碼
/**
* valueAnimator 單個值
*/
//代碼創(chuàng)建 ValueAnimator類自身的方法
//ofFloat值類型float
ValueAnimator valueAnimator=ValueAnimator.ofFloat(0,1);
//ofInt值類型int 從0~300
valueAnimator=ValueAnimator.ofInt(0,300);
//也可以用來設(shè)置顏色 在顏色改變過程中會將顏色變化情況顯示出來
//紅色到藍色的改變過程 顯示N種顏色
valueAnimator=ValueAnimator.ofInt(Color.RED,Color.BLUE);
//ofArgb設(shè)置顏色 如果無法使用 是的sdk版本低了
//這個方法改變顏色過程中只顯示紅色和藍色
//valueAnimator=ValueAnimator.ofArgb(Color.RED,Color.BLUE);
//設(shè)置插值器
valueAnimator.setInterpolator(new CycleInterpolator());
/**
*
* ValueAnimator.ofPropertyValuesHolder 設(shè)置多個值
*/
//設(shè)置動畫屬性 參數(shù)1：名字 參數(shù)2，3值的變化區(qū)間
PropertyValuesHolder alphaHolder=PropertyValuesHolder.ofFloat("alpha",0f,1f);
PropertyValuesHolder widthHolder=PropertyValuesHolder.ofInt("width",0,300);
//ValueAnimator.ofPropertyValuesHolder 添加holder 創(chuàng)建動畫
valueAnimator=ValueAnimator.ofPropertyValuesHolder(alphaHolder,widthHolder);
//動畫執(zhí)行時間
valueAnimator.setDuration(3000);
//值改變監(jiān)聽
valueAnimator.addUpdateListener(listener);
private ValueAnimator.AnimatorUpdateListener listener=new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
/**
* 單個值獲取 getAnimatedValue取出變化值 根據(jù)設(shè)置類型強轉(zhuǎn)
* btnValueAnimator 測試用的button
*/
// int value= (int) animation.getAnimatedValue();
// btnValueAnimator.setTranslationX(value);橫坐標平移
// float value= (float) valueAnimator.getAnimatedValue();
// btnValueAnimator.setAlpha(value);透明度改變
// int value= (int) animation.getAnimatedValue();
// btnValueAnimator.setTextColor(value);文字顏色改變
/**
* PropertyValuesHolder存了多個值 通過名字獲取 強制轉(zhuǎn)換
*/
float alpha= (float) valueAnimator.getAnimatedValue("alpha");
int width= (int) valueAnimator.getAnimatedValue("width");
btnValueAnimator.setAlpha(alpha);//改變透明度
//圖像繪制 左邊不變從右邊慢慢增加
//修改控件的width height不能使用setWidth或setHeight
btnValueAnimator.setRight(width);
//btnValueAnimator.setBottom(width);
}
};
ObjectAnimator:
繼承自ValueAnimator，要指定一個對象及該對象的一個屬性，當屬性值計算完成時自動設(shè)置為該對象的相應(yīng)屬性，不需要設(shè)置監(jiān)聽,底層自動完成，一般會用ObjectAnimator來改變某一對象的某一屬性
//用來測試的button
Button btnObjectAnimator= (Button) findViewById(R.id.btn_object_animator);
//加載動畫
ObjectAnimator objectAnimator= (ObjectAnimator) AnimatorInflater.loadAnimator(this,R.animator.animator_object);
//綁定控件
objectAnimator.setTarget(btnObjectAnimator);
//參數(shù)1 綁定控件 參數(shù)2 設(shè)置 屬性 參數(shù)3 設(shè)置值
objectAnimator=ObjectAnimator.ofInt(btnObjectAnimator,"textColor",Color.RED);
//PropertyValuesHolder設(shè)置多個屬性
PropertyValuesHolder translationXHolder=PropertyValuesHolder.ofFloat("translationX",0,300);
PropertyValuesHolder translationYHolder=PropertyValuesHolder.ofFloat("translationY",0,200);
objectAnimator=ObjectAnimator.ofPropertyValuesHolder(btnObjectAnimator,translationXHolder,translationYHolder);
objectAnimator.setDuration(3000);
//開始動畫
objectAnimator.start();
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
Android 通過騰訊TBS實現(xiàn)文件預(yù)覽功能
這篇文章主要介紹了Android 通過騰訊TBS實現(xiàn)文件預(yù)覽功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
這篇文章主要介紹了Android實現(xiàn)用戶圓形頭像和模糊背景 ，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
Android Flutter實現(xiàn)仿閑魚動畫效果
目前正在做的項目，為了增加用戶的體驗度，準備增加一些動畫效果。本文將通過Android Flutter實現(xiàn)仿閑魚動畫效果，感興趣的可以嘗試一下2023-02-02
Flutter實現(xiàn)倒計時秒數(shù)轉(zhuǎn)時分秒然后倒計時功能
有一個需求,需要在頁面進行顯示倒計時,倒計時結(jié)束后,做相應(yīng)的邏輯處理,這篇文章主要介紹了Flutter實現(xiàn)倒計時功能,秒數(shù)轉(zhuǎn)時分秒,然后倒計時,需要的朋友可以參考下2023-08-08
Android registerForActivityResult動態(tài)申請權(quán)限案例詳解
這篇文章主要介紹了Android registerForActivityResult動態(tài)申請權(quán)限案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-09-09
這篇文章主要為大家詳細介紹了Android Checkbox的使用方法，感興趣的小伙伴們可以參考一下2016-02-02
下面小編就為大家分享一篇Android Okhttp請求查詢購物車的實例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
Android控件BottomSheet實現(xiàn)底邊彈出選擇列表
這篇文章主要介紹了Android控件BottomSheet實現(xiàn)底邊彈出選擇列表，比較常用的選擇條件或跳轉(zhuǎn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
Android判斷touch事件點是否在view范圍內(nèi)的方法
這篇文章主要介紹了Android判斷touch事件點是否在view范圍內(nèi)的方法,涉及Android事件響應(yīng)與view屬性操作的相關(guān)技巧,需要的朋友可以參考下2016-03-03
Android實現(xiàn)判斷某個服務(wù)是否正在運行的方法
這篇文章主要介紹了Android實現(xiàn)判斷某個服務(wù)是否正在運行的方法,涉及Android針對系統(tǒng)服務(wù)運行狀態(tài)的判斷技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10