Path自定義路徑動畫

2021-10-02 19:27:19 字數 1381 閱讀 8278

專案需要路徑導航的動畫,根據預設好的線路,自動繪製出乙個前進導航的動畫。使用path和pathmeaurse可以很好的完成該功能。

效果圖:

此效果主要是用了pathmeaurse的getsegment方法和getpostan方法,前者是獲取path路徑的片段,然後通過屬性動畫,達到漸變的效果。路徑前方的圓點則需要通過getpostan方法,不斷的獲取到頂端的座標,在頂端位置繪製圓點。

@override

protected void onmeasure(int widthmeasurespec, int heightmeasurespec)

@override

protected void ondraw(canvas canvas)

//繪製路徑和路徑前方的圓點,manimpath是通過預先設定好的path中擷取的。

if (!clear)

}}

/**

* 路徑動畫

*/private void addanim()

});manimator.addlistener(new animator.animatorlistener()

@override

public void onanimationend(animator animator)

}@override

public void onanimationcancel(animator animator)

@override

public void onanimationrepeat(animator animator)

});manimator.start();

}/**

* 背景圖切換動畫

*/public void tranbitmap()

});mtrananimator.start();

mtrananimator.addlistener(new animator.animatorlistener()

@override

public void onanimationend(animator animator)

@override

public void onanimationcancel(animator animator)

@override

public void onanimationrepeat(animator animator)

});}

專案git位址

記錄學習,僅供參考

自定義動畫

在製作自定義動畫時,有以下八個樣式可供選擇 animation name 動畫名稱 元素所應用的動畫名稱,必須與規則 keyframes 配合使用,因為動畫名稱由 keyframes 定義。animation duration 動畫時間 設定物件動畫的持續時間 animation timing fu...

自定義View(四) path

在path中的布林運算有兩個方法 boolean op path path,path.op op boolean op path path1,path path2,path.op op 兩個方法中的返回值用於判斷布林運算是否成功,它們使用方法如下 對 path1 和 path2 執行布林運算,運算方...

CustomAnim自定義動畫

android只提供了4種基本動畫效果,除了可以疊加效果外,我們還可以進行自定義動畫。mainactivity.class不變 package com.customanim.customanim import android.os.bundle import android.view.view pu...