安卓开发之使用PathMeasure自定义加载动画控件

---

先上效果图：

一、PathMeasure

在绘制画布时，我们通常会使用Path对象来勾勒出绘制的路径，而PathMeasure可以让我们得到路径上的一些信息，比如获取路径上点的坐标，截取路径上的某一段小路径等。。

它主要有既个方法：

• setPath(Path path, boolean forceClosed);

  与一个Path对象绑定，forceClose为true时，不管关联的Path是否是闭合的，都会被闭合。

• getLength()

  获取路径的长度

• getPosTan(float distance, float pos[],float tan[])

  distance 为一个 0 － getLength() 之间的值，根据这个距离值计算出当前点的xy坐标和正切值封装到 pos和tan当中；

• boolean getSegment (float startD, float stopD, Path dst, boolean startWithMoveTo)

  判断截取路径成功时返回true；

  startD为开始截取位置距离 Path 起点的长度
  stopD 结束截取位置距离 Path 起点的长度
  取值范围: 0 <= startD < stopD <= Path总长度getLength()，超过范围截取不成功

  截取的 Path 将会添加到 dst 中

  startWithMoveTo 起始点是否使用 moveTo，用于保证截取的 Path 第一个点位置不变（一般为true）

  在默认开启硬件加速的情况下，更改 dst 的内容后可能绘制会出现问题，可以给 dst 添加一个操作：dst.lineTo(0, 0)

二、自定义动画控件

大概思路就是：

创建一个勾勒空心圆的Path对象
再根据上面的Path对象创建PathMeasure对象
最后再通过属性动画不断动态获取startD和stopD的值，并更新View

public class LoadingCircleView extends View {    private Path path;    private PathMeasure pathMeasure;    private Path dst; // 被截取的路径    private Paint paint; // 画笔    // View的宽高    private int height;    private int width;    private float radius; // 空心圆的半径    private float mLength; // path路径的长度    ValueAnimator valueAnimator; // 属性动画    private float mAnimatorValue; // 属性动画返回的百分比    private float stop; // 截取路径时的stopD值    private float start; // 截取路径时的startD值    public LoadingCircleView(Context context) {        super(context);        init(); // 初始化    }    public LoadingCircleView(Context context, AttributeSet attrs) {        super(context, attrs);        init();    }    public LoadingCircleView(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);        init();    }    @TargetApi(Build.VERSION_CODES.LOLLIPOP)    public LoadingCircleView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {        super(context, attrs, defStyleAttr, defStyleRes);        init();    }    private void init() {        radius = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,21,getContext().getResources().getDisplayMetrics()); // 初始化半径        path = new Path();        dst = new Path();        paint = new Paint();        pathMeasure = new PathMeasure();        // 设置画笔属性        paint.setAntiAlias(true);        paint.setColor(0xbfe46d32);        paint.setStyle(Paint.Style.STROKE);        paint.setStrokeCap(Paint.Cap.ROUND);        paint.setStrokeWidth(TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,3.5f,getContext().getResources().getDisplayMetrics()));    }    @Override    protected void onSizeChanged(int w, int h, int oldw, int oldh) {        super.onSizeChanged(w, h, oldw, oldh);        width = w;        height = h;        // 勾勒空心圆        path.reset();        path.addCircle(width/2,height/2,radius, Path.Direction.CW);        // 生成pathMeasure对象        pathMeasure.setPath(path,true);        // 获取path的长度        mLength = pathMeasure.getLength();        // 通过属性动画取得百分比值，并更新View        valueAnimator = ValueAnimator.ofFloat(0,1);        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {            @Override            public void onAnimationUpdate(ValueAnimator animation) {                // 获取动画进行的百分比                mAnimatorValue = (float) animation.getAnimatedValue();                postInvalidate(); // 更新界面            }        });        // 设置动画的属性        valueAnimator.setDuration(2100);        valueAnimator.setRepeatCount(1000);        valueAnimator.setRepeatMode(ValueAnimator.RESTART);        valueAnimator.start();    }    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        int widthSize = MeasureSpec.getSize(widthMeasureSpec);        int heightSize = MeasureSpec.getSize(heightMeasureSpec);        // 只对EXACTLY的条件的宽高处理        setMeasuredDimension(Math.min(widthSize,heightSize),Math.min(widthSize,heightSize));    }    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        // 为加强动画效果，每次对画布旋转不同角度        canvas.rotate(360.0f*mAnimatorValue-45.0f,width/2,height/2);        // 初始化截取的路径        dst.reset();        dst.lineTo(0,0); // 消除硬件加速的影响        // 更新截取的开始值和结束值：当mAnimatorValue为0或1时，两个值相等        stop = mAnimatorValue*mLength;        start = (float) (stop - ((0.5 - Math.abs(mAnimatorValue - 0.5)) * mLength));        // 截取路径后，并绘制路径        pathMeasure.getSegment(start, stop, dst, true);        canvas.drawPath(dst,paint);    }}

参考：

PathMeasure之迷径追踪