這篇文章主要介紹了如何實(shí)現(xiàn)Android軌跡動(dòng)畫，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)秉承實(shí)現(xiàn)全網(wǎng)價(jià)值營銷的理念，以專業(yè)定制企業(yè)官網(wǎng)，成都網(wǎng)站制作、成都網(wǎng)站建設(shè)，小程序設(shè)計(jì)，網(wǎng)頁設(shè)計(jì)制作，成都做手機(jī)網(wǎng)站，成都營銷網(wǎng)站建設(shè)幫助傳統(tǒng)企業(yè)實(shí)現(xiàn)“互聯(lián)網(wǎng)+”轉(zhuǎn)型升級專業(yè)定制企業(yè)官網(wǎng),公司注重人才、技術(shù)和管理，匯聚了一批優(yōu)秀的互聯(lián)網(wǎng)技術(shù)人才,對客戶都以感恩的心態(tài)奉獻(xiàn)自己的專業(yè)和所長。

具體內(nèi)容如下

二、需求描述

年中那會兒基友的公司給他了一張只有一條曲線的圖，想讓他按照曲線的軌跡動(dòng)態(tài)展示整個(gè)曲線，然而基友忙于把妹，一個(gè)饅頭的代價(jià)收買了我，于是幫他寫了代碼。先看下實(shí)現(xiàn)效果

上原始圖（原始圖的軌跡曲線是白色的，其他部分是透明的，這里為了便于觀察，我將背景調(diào)為黑色）

三、分析實(shí)現(xiàn)

講道理，剛拿到這個(gè)圖片的時(shí)候我也有點(diǎn)懵逼，一個(gè)毫無規(guī)律的曲線很顯然不能通過簡單的方程式去描述點(diǎn)的具體位置，甚至想說設(shè)計(jì)直接給個(gè)動(dòng)畫豈不美滋滋......

吐槽歸吐槽，需求還是要實(shí)現(xiàn)的，而且這個(gè)需求是有不少常見的方法可以進(jìn)行實(shí)現(xiàn)的，比如上下兩層圖片保持一直，上層不斷從左到右將原圖縱向像素清除，然后將設(shè)計(jì)給的圖片也按照從左到友的順去繪制上去。不過這種方法的可擴(kuò)展性太差，底層的圖片發(fā)生改變（滑動(dòng)、變色）上層也需要進(jìn)行配合。

這里使用方法是：將圖片中有色像素在圖片上的位置按照比例映射到要繪制的View中。

比如，原圖大小是200*100，要去做展示的View的尺寸大小是450*300，某點(diǎn)在原圖中位于x100，y20的位置，那么它在view中的位置應(yīng)該為225，60。也就是說將該點(diǎn)在途中的位置比上原圖對應(yīng)尺寸然后在乘以View的尺寸即可。

軌跡的獲取可以通過獲取全部的像素點(diǎn)顏色，因?yàn)橥该鞯谋厝徊皇擒壽E，所以判斷Alpha值即可，又因?yàn)檐壽E是一條線，當(dāng)我們使用Path連點(diǎn)的時(shí)候?yàn)榱吮M量減少不必要點(diǎn)的連接，我這里通過平均值的方式將曲線的寬度降為1。

由于點(diǎn)的位置是按照尺寸比例計(jì)算的，所以無論要展示的圖片尺寸有多奇葩，都可以完美適配上去

四、實(shí)現(xiàn)代碼

public class TestView extends View implements ViewTreeObserver.OnGlobalLayoutListener{ private Paint paint = new Paint(); private Bitmap bitmap; private int[]local; boolean enter = false; int count; ViewTreeObserver observer; Canvas canvas; float lastX = 0; float lastY = 0; public TestView(Context context) {  super(context); } public TestView(Context context, AttributeSet attrs, int defStyleAttr) {  super(context, attrs, defStyleAttr);  observer = this.getViewTreeObserver();  observer.addOnGlobalLayoutListener(this);  getImageFromAssetsFile("target.png");//讀取圖片 } public TestView(Context context, AttributeSet attrs) {  super(context, attrs);  observer = this.getViewTreeObserver();  observer.addOnGlobalLayoutListener(this);  getImageFromAssetsFile("target.png"); } private void getImageFromAssetsFile(String fileName) {  AssetManager am = getResources().getAssets();  try {   InputStream is = am.open(fileName);   bitmap = BitmapFactory.decodeStream(is);   is.close();  }  catch (IOException e) {   e.printStackTrace();  } } private void filterColor(){  int w = bitmap.getWidth();  int h = bitmap.getHeight();  int[]pixels = new int[w*h];  local = new int[w];//以原圖寬為單位，保存點(diǎn)在原圖Y軸上的位置  bitmap.getPixels(pixels,0,bitmap.getWidth(),0,0,bitmap.getWidth(),bitmap.getHeight());  for(int i = 0; i < w; i++){   int lenght = 0;   int total = 0;   for(int j = 0;j0) {      path.lineTo((getMeasuredWidth() / (float) bitmap.getWidth()) * (float) i, (((float) getMeasuredHeight()-25) / (float) bitmap.getHeight()) * (float) local[i]+7);      lastX = (getMeasuredWidth() / (float) bitmap.getWidth()) * (float) i;      lastY = (((float) getMeasuredHeight()-25 )/ (float) bitmap.getHeight()) * (float) local[i];     }    }   }   if(count

當(dāng)然了，這個(gè)代碼也只是給基友交差用的，還有不少地方能做優(yōu)化，比如：將圖片讀取放在子線程、對圖片大小進(jìn)行判斷避免OOM、大圖加載圖片壓縮。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何實(shí)現(xiàn)Android軌跡動(dòng)畫”這篇文章對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!