PathMeasure(Path path,boolean forceClosed);
这两种方法都会涉及到的forceClosed是计算path是否闭合&＃xff0c;但是path的闭合并不是由forceClosed控制&＃xff0c;绘制出来时&＃xff0c;path该闭合还是闭合&＃xff0c;不闭合就是不闭合&＃xff0c;但是如果forceClosed设置为true时&＃xff0c;会当做path闭合&＃xff0c;把闭合的路径算进去。
一些简单的函数使用
1、getLength()
public float getLength()
该函数的作用为计算路径长度&＃xff0c;使用非常广泛。
我们用路径来画一个没有闭合的正方形&＃xff1a;
canvas.translate(50, 50);
Path path &＃61; new Path();
path.moveTo(0, 0);
path.lineTo(0, 100);
path.lineTo(100, 100);
path.lineTo(100, 0);
PathMeasure pathMeasure1 &＃61; new PathMeasure(path, false);
PathMeasure pathMeasure2 &＃61; new PathMeasure(path, true);
Log.e(TAG, "forceClose &＃61; false : " &＃43; pathMeasure1.getLength());
Log.e(TAG, "forceClose &＃61; true : " &＃43; pathMeasure2.getLength());
canvas.drawPath(path,paint);
打出的第一个Log长度为300&＃xff0c;而第二个则为400.因为第二个已经考虑到闭合了。
2、isClose()
判断测量的path是否闭合。
如果PathMeasurei的forceClosed设置为true时&＃xff0c;则isClosed()一定为true
3、nextContour()
Path可以有很多曲线、线段构成&＃xff0c;但是getLength()只会取第一条线进行计算。
而nextContour()是跳转到下一条曲线的函数。如果跳转成功则返回true&＃xff0c;否则返回false。
注&＃xff1a;pathMeasure.getLength()只针对第一条曲线
getSegment
用法
boolean getSegment(float startD,float stopD,Path dst,boolean startWithMoveTo);
顾名思义&＃xff0c;这个函数用截取一个Path中的某一个片段。
通过参数startD和stopD来控制截取的长度。并将截取后的Path保存到参数dst中。
最后一个参数startWithMoveTo表示起始点是否使用moveTo将路径的新起始点移到结果Path的起始点&＃xff0c;通常设置为true。用来保证每次截取segment都是连续的、完整的。
这里来截取一个path&＃xff0c;代码如下&＃xff1a;
canvas.translate(100, 100);
Path path &＃61; new Path();
path.addRect(-50,-50,50,50, Path.Direction.CW);
Path dst &＃61; new Path();
PathMeasure pathMeasure &＃61; new PathMeasure(path, false);
pathMeasure.getSegment(0,150,dst,true);
canvas.drawPath(dst, paint);
截取的path如下
这说明截取是左上角开始截取&＃xff0c;并且方向是根据Path的绘制方向截取&＃xff0c;上面path绘制是CW&＃xff08;顺时针&＃xff09;&＃xff0c;所以截取了上半部分。
如果dst本来就已经是一个路径&＃xff0c;这个时候再去取别的path的路径&＃xff0c;会怎么样呢&＃xff1f;
答案是 原来的路径不会被覆盖&＃xff0c;反而和新的截取到的路径一起绘制出来。
如下图所示&＃xff1a;
如果这个时候我们把 PathMeasure的startWithMoveTo改为false会怎么样呢&＃xff1f;下过如下所示&＃xff1a;
这里咋一看不是很好理解&＃xff0c;其实画个图就ok&＃xff0c;因为startWithMoveTo设置为false就是将新的Path的起始点拉到自己原本dst的结束点(因为dst自己画的是不能变的&＃xff09; &＃xff0c;然后目标path其他位置的点不变
就像是使用processon、viso软件画图的时候&＃xff0c;用一条线的起点去连另一条线的终点这样。
示例
路径绘制是PathMeasure最常用的功能&＃xff0c;下面实现一个转圈圈的加载效果图。
思路是通过ValueAnimator动画算出当前的动画的进度&＃xff0c;通过进度获取转圈圆的周长&＃xff0c;拿到周长后通过PathMeasure的getLength和getSegment去画圆。
我们再构造函数中做new的操作&＃xff1a;
public PathMeasureView1(Context context, &＃64;Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
paint &＃61; new Paint(Paint.ANTI_ALIAS_FLAG);
setLayerType(LAYER_TYPE_SOFTWARE, null);
paint.setStrokeWidth(4);
paint.setStyle(Paint.Style.STROKE);
paint.setColor(Color.RED);
dst &＃61; new Path();
circlePath &＃61; new Path();
circlePath.addCircle(100, 100, 50, Path.Direction.CW);
pathMeasure &＃61; new PathMeasure(circlePath, true);
ValueAnimator animator &＃61; ValueAnimator.ofFloat(0, 1);
animator.setRepeatCount(ValueAnimator.INFINITE);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
&＃64;Override
public void onAnimationUpdate(ValueAnimator animation) {
drawProgress &＃61; (float) animation.getAnimatedValue();
invalidate();
}
});
animator.setInterpolator(new AccelerateInterpolator());
animator.setDuration(2000);
animator.start();
}
之后再draw函数中做下面的操作&＃xff1a;
&＃64;Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawColor(Color.WHITE);
float stop &＃61; pathMeasure.getLength() * drawProgress;
dst.reset();
pathMeasure.getSegment(0, stop, dst, true);
canvas.drawPath(dst, paint);
}
最后效果如下所示&＃xff1a;
但是这个加载圈的起点一直在画圆的起点&＃xff0c;和我们平时看到的加载圆有点不一样&＃xff0c;所以我们可以去改变它的起始点&＃xff0c;来让圆更加生动&＃xff1a;
当动画开始到一半的时候&＃xff0c;起点都是最开始的画圆的起点&＃xff0c;到后半段&＃xff0c;dst圆的起始点开始逐渐向结束点靠拢&＃xff0c;最后到达开始位置的时候&＃xff0c;两个端点重合
可以得出当
-
进度drawProgress<0.5时 startD&＃61;0
-
进度drawProgress>0.5时 startD&＃61;(2*drawProgress-1)*length
-
通过合并公式可以得出 startD &＃61; stopD - (0.5 - |drawProgress - 0.5| )*length
float start &＃61; (float) (stop - (0.5 - Math.abs(drawProgress - 0.5)) * pathMeasure.getLength());
pathMeasure.getSegment(start, stop, dst, true);
canvas.drawPath(dst, paint);
这就很顶啦。
getPosTan()
getPosTan()函数用于得到路径上某一长度的位置以及该位置的正切值。
boolean getPosTan(float distance ,float[]pos,float[]tan);
所谓的求tan&＃xff0c;就是将该点与坐标轴原点连接在一起&＃xff0c;与x轴的夹角为α&＃xff0c;而tanα就是该点的正切值。
我们通过坐标&＃xff08;x&＃xff0c;y&＃xff09;用y/x来获取正切值。
又通过正切值我们就可以通过 Math atan2(double y,double x) 来获取一个α
这个夹角其实用处很大&＃xff0c;比如我们在上面加载圈圈的例子中&＃xff0c;添加一个箭头&＃xff0c;但是如果箭头没有任何知识&＃xff0c;它是不会跟着圆圈转的&＃xff0c;所以就有必要知道它的夹角&＃xff0c;根据夹角来让这个箭头转。
如果想让箭头的旋转角度和切向方向相同&＃xff0c;则该点旋转角度要和该点正切角度相同。
下面来实现一下
private Bitmap mArrawBmp;
private float[] pos &＃61; new float[2];
private float[] tan &＃61; new float[2];
public PathMeasureView1(Context context, &＃64;Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
//加载图片
mArrawBmp &＃61; BitmapFactory.decodeResource(getResources(), R.drawable.arrow);
…
}
&＃64;Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
…
//旋转箭头图片&＃xff0c;并绘制
pathMeasure.getPosTan(stop, pos, tan);
float degrees &＃61; (float) (Math.atan2(tan[1], tan[0]) * 180f / Math.PI);
Matrix matrix &＃61; new Matrix();
matrix.postRotate(degrees, mArrawBmp.getWidth() / 2, mArrawBmp.getHeight() / 2);
.decodeResource(getResources(), R.drawable.arrow);
…
}
&＃64;Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
…
//旋转箭头图片&＃xff0c;并绘制
pathMeasure.getPosTan(stop, pos, tan);
float degrees &＃61; (float) (Math.atan2(tan[1], tan[0]) * 180f / Math.PI);
Matrix matrix &＃61; new Matrix();
matrix.postRotate(degrees, mArrawBmp.getWidth() / 2, mArrawBmp.getHeight() / 2);
京公网安备 11010802041100号