PathMeasure相關(guān)知識及運用

PathMeasure詳解文章:
[eclipse_xu]:http://www.reibang.com/p/3efa5341abcc
[GcsSloop]自定義View魔法系列:http://www.gcssloop.com/customview/Path_PathMeasure/
[扔物線]開發(fā)進(jìn)階系列:https://zhuanlan.zhihu.com/p/27787919

運用demo來自[Anonymous___]:http://www.reibang.com/p/4bb16cefca23

實踐+注解

import android.animation.Animator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PathMeasure;
import android.graphics.RectF;
import android.os.Handler;
import android.os.Message;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

import com.mps.hencoder.R;

/**
 * 路徑繪制: 主要使用PathMeasure類
 * Created by F011512088 on 2017/12/4.
 */

public class GranzortView extends View {

    private final String TAG = GranzortView.class.getSimpleName();

    private Paint paint;

    private float strokeWidth = 10;
    private float differ = 20;
    private float maxRadius;

    private float mViewWidth;
    private float mViewHeight;

    private Path innerCircle;//內(nèi)圓 path
    private Path outerCircle;//外圓 path
    private Path trangle1;//第一個三角形的 Path
    private Path trangle2;//第二個三角形的 Path
    private Path drawPath;//用于截取路徑的 Path,用于保存PathMeasure路徑
    private float distance = 0;//當(dāng)前動畫執(zhí)行的百分比取值為0-1

    private int duration = 3000;
    private ValueAnimator valueAnimator;
    private ValueAnimator.AnimatorUpdateListener animatorUpdateListener;
    private ValueAnimator.AnimatorListener animatorListener;

    private PathMeasure pathMeasure;

    private State mCurrentState = State.CIRCLE_STATE;
    private Handler mHanlder;

    //三個階段的枚舉
    private enum State {
        CIRCLE_STATE,
        TRANGLE_STATE,
        FINISH_STATE
    }

    public GranzortView(Context context) {
        super(context);
        init();
    }

    public GranzortView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public GranzortView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {

        initPaint();

        initPath();

        initAnimatorListener();

        initAnimator();

        initHandler();

        mCurrentState = State.CIRCLE_STATE;
        valueAnimator.start();
    }

    private void initPath() {
        innerCircle = new Path();
        outerCircle = new Path();

        trangle1 = new Path();
        trangle2 = new Path();

        drawPath = new Path();

        pathMeasure = new PathMeasure();

    }

    private void initPaint() {
        paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(Color.WHITE);
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth(strokeWidth);
        paint.setStrokeCap(Paint.Cap.ROUND);
        paint.setStrokeJoin(Paint.Join.BEVEL);
        paint.setShadowLayer(15, 0, 0, Color.WHITE);//白色光影效果
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        mViewWidth = getMeasuredWidth();
        mViewHeight = getMeasuredHeight();
        setViewPaint();
    }

    private void setViewPaint() {
        float minLength = Math.min(mViewWidth / 2, mViewHeight / 2);
        maxRadius = (minLength - strokeWidth);
        //畫布原點轉(zhuǎn)為中心點
        RectF innerRect = new RectF(-maxRadius + differ, -maxRadius + differ, maxRadius - differ, maxRadius - differ);
        RectF outerRect = new RectF(-maxRadius, -maxRadius, maxRadius, maxRadius);
        innerCircle.addArc(innerRect, 150, -359.9F);     // 不能取360f兄纺,否則可能造成測量到的值不準(zhǔn)確
        outerCircle.addArc(outerRect, 60, -359.9F);

        pathMeasure.setPath(innerCircle, false);
        /**
         * boolean getPosTan (float distance, float[] pos, float[] tan)
         * 用于獲取路徑上某點的坐標(biāo)及其切線的坐標(biāo)
         * 描述: 通過指定distance(0<distance<getLength),來獲取坐標(biāo)點和切線的坐標(biāo)颤芬,并保存到pos[]和tan[]數(shù)組中
         */
        float[] pos = new float[2];
        pathMeasure.getPosTan(0, pos, null);        // 獲取開始位置的坐標(biāo)
        trangle1.moveTo(pos[0], pos[1]);
        pathMeasure.getPosTan((1f / 3f) * pathMeasure.getLength(), pos, null);
        Log.e(TAG, "pos : " + pos[0] + "  " + pos[1]);

        trangle1.lineTo(pos[0], pos[1]);
        pathMeasure.getPosTan((2f / 3f) * pathMeasure.getLength(), pos, null);
        trangle1.lineTo(pos[0], pos[1]);
        trangle1.close();

        pathMeasure.getPosTan((2f / 3f) * pathMeasure.getLength(), pos, null);
        Matrix matrix = new Matrix();
        matrix.postRotate(-180);
        trangle1.transform(matrix, trangle2);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawColor(getResources().getColor(R.color.colorPrimary));
        canvas.save();
        canvas.translate(mViewWidth / 2, mViewHeight / 2);

        switch (mCurrentState) {
            case CIRCLE_STATE:
                drawCircle(canvas);
                break;
            case TRANGLE_STATE:
                drawLine(canvas);
                break;
            case FINISH_STATE:
                drawDistanceLine(canvas);
                break;
        }
    }

    private void drawDistanceLine(Canvas canvas) {
        canvas.drawPath(innerCircle, paint);
        canvas.drawPath(outerCircle, paint);
        drawPath.reset();
        pathMeasure.setPath(trangle1, false);
        pathMeasure.getSegment(0, distance * pathMeasure.getLength(), drawPath, true);
        canvas.drawPath(drawPath, paint);
        drawPath.reset();
        pathMeasure.setPath(trangle2, false);
        pathMeasure.getSegment(0, distance * pathMeasure.getLength(), drawPath, true);
        canvas.drawPath(drawPath, paint);
    }

    private void drawLine(Canvas canvas) {
        canvas.drawPath(innerCircle, paint);
        canvas.drawPath(outerCircle, paint);
        drawPath.reset();
        pathMeasure.setPath(trangle1, false);
        float stopD = distance * pathMeasure.getLength();
        float startD = stopD - (0.5f - Math.abs(0.5f - distance)) * 200;
        pathMeasure.getSegment(startD, stopD, drawPath, true);
        canvas.drawPath(drawPath, paint);
        drawPath.reset();
        pathMeasure.setPath(trangle2, false);
        pathMeasure.getSegment(startD, stopD, drawPath, true);
        canvas.drawPath(drawPath, paint);
    }

    private void drawCircle(Canvas canvas) {
        //情況路徑,只記錄最后狀態(tài)
        drawPath.reset();
        pathMeasure.setPath(innerCircle, false);
        /**
         * boolean getSegment (float startD, float stopD, Path dst, boolean startWithMoveTo)
         * 這個API用于截取整個Path的片段,通過參數(shù)startD和stopD來控制截取的長度晶通,
         * 并將截取的Path保存到dst中,最后一個參數(shù)startWithMoveTo表示起始點是否使用moveTo方法遮斥,
         * 通常為True济榨,保證每次截取的Path片段都是正常的鹊杖、完整的
         *備注:
         * 由于硬件加速的問題,PathMeasure中的getSegment在講Path添加到dst數(shù)組中時會被導(dǎo)致一些錯誤扛芽,需要通過mDst.lineTo(0,0)來避免這樣一個Bug
         */
        pathMeasure.getSegment(0, distance * pathMeasure.getLength(), drawPath, true);
        canvas.drawPath(drawPath, paint);
        pathMeasure.setPath(outerCircle, false);
        drawPath.reset();
        pathMeasure.getSegment(0, distance * pathMeasure.getLength(), drawPath, true);
        canvas.drawPath(drawPath, paint);

    }

    private void initAnimatorListener() {
        animatorUpdateListener = new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                distance = (float) animation.getAnimatedValue();
                invalidate();
            }
        };

        animatorListener = new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {
                Log.e("star:", mCurrentState + "_");
            }

            @Override
            public void onAnimationEnd(Animator animation) {
                Log.e("end:", mCurrentState + "_");
                mHanlder.sendEmptyMessage(0);
            }

            @Override
            public void onAnimationCancel(Animator animation) {

            }

            @Override
            public void onAnimationRepeat(Animator animation) {

            }
        };
    }

    private void initAnimator() {
        valueAnimator = ValueAnimator.ofFloat(0, 1).setDuration(duration);

        valueAnimator.addUpdateListener(animatorUpdateListener);

        valueAnimator.addListener(animatorListener);
    }

    private void initHandler() {
        mHanlder = new Handler() {
            @Override
            public void handleMessage(Message msg) {
                switch (mCurrentState) {
                    case CIRCLE_STATE:
                        mCurrentState = State.TRANGLE_STATE;
                        valueAnimator.start();
                        break;
                    case TRANGLE_STATE:
                        mCurrentState = State.FINISH_STATE;
                        valueAnimator.start();
                        break;
                }
            }
        };
    }

    /**
     * 消費完成骂蓖,取消監(jiān)聽
     */
    @Override
    protected void onDetachedFromWindow() {
        valueAnimator.removeAllListeners();
        valueAnimator.cancel();
        mHanlder = null;
        super.onDetachedFromWindow();
    }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市川尖,隨后出現(xiàn)的幾起案子登下,更是在濱河造成了極大的恐慌,老刑警劉巖叮喳,帶你破解...
    沈念sama閱讀 219,539評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件被芳,死亡現(xiàn)場離奇詭異,居然都是意外死亡馍悟,警方通過查閱死者的電腦和手機畔濒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評論 3 396
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來锣咒,“玉大人侵状,你說我怎么就攤上這事∫阏” “怎么了趣兄?”我有些...
    開封第一講書人閱讀 165,871評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長悼嫉。 經(jīng)常有香客問我艇潭,道長,這世上最難降的妖魔是什么戏蔑? 我笑而不...
    開封第一講書人閱讀 58,963評論 1 295
  • 正文 為了忘掉前任蹋凝,我火速辦了婚禮,結(jié)果婚禮上辛臊,老公的妹妹穿的比我還像新娘仙粱。我一直安慰自己,他們只是感情好彻舰,可當(dāng)我...
    茶點故事閱讀 67,984評論 6 393
  • 文/花漫 我一把揭開白布讽坏。 她就那樣靜靜地躺著坠陈,像睡著了一般傲茄。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上白群,一...
    開封第一講書人閱讀 51,763評論 1 307
  • 那天,我揣著相機與錄音硬霍,去河邊找鬼帜慢。 笑死,一個胖子當(dāng)著我的面吹牛唯卖,可吹牛的內(nèi)容都是我干的粱玲。 我是一名探鬼主播,決...
    沈念sama閱讀 40,468評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼拜轨,長吁一口氣:“原來是場噩夢啊……” “哼抽减!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起橄碾,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤卵沉,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后法牲,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體史汗,經(jīng)...
    沈念sama閱讀 45,850評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,002評論 3 338
  • 正文 我和宋清朗相戀三年拒垃,在試婚紗的時候發(fā)現(xiàn)自己被綠了停撞。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,144評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡悼瓮,死狀恐怖怜森,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情谤牡,我是刑警寧澤副硅,帶...
    沈念sama閱讀 35,823評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站翅萤,受9級特大地震影響恐疲,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜套么,卻給世界環(huán)境...
    茶點故事閱讀 41,483評論 3 331
  • 文/蒙蒙 一培己、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧胚泌,春花似錦省咨、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,026評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽笤受。三九已至,卻和暖如春敌蜂,著一層夾襖步出監(jiān)牢的瞬間箩兽,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,150評論 1 272
  • 我被黑心中介騙來泰國打工章喉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留汗贫,地道東北人。 一個月前我還...
    沈念sama閱讀 48,415評論 3 373
  • 正文 我出身青樓秸脱,卻偏偏與公主長得像落包,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子摊唇,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,092評論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,190評論 25 707
  • 今天 雙十一 周六 和愛人一起回家 天冷了 給婆婆媽帶了一床太空被 套好了被罩 老媽說 我和你爹蓋的就是你夏天拿回...
    WXJ水晶物語閱讀 445評論 0 1
  • 審美是具有個體差異性的遏片。由于不同的人在不同的環(huán)境下形成的不同的審美觀,會直接導(dǎo)致審美差異的存在撮竿。用正確的態(tài)度面對差...
    Teresa203閱讀 179評論 0 0
  • Parameter Sets A parameter set is supposed to contain inf...
    FlyingPenguin閱讀 5,021評論 0 2