自定义View之Path测量工具PathMeasure的详解

最新推荐文章于 2023-03-08 00:21:37 发布
最新推荐文章于 2023-03-08 00:21:37 发布
阅读量862 收藏
点赞数
分类专栏： Android 文章标签： PathMeasure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jsagacity/article/details/81774795
版权

PathMeasure是什么？
PathMeasure是用来对Path进行测量的工具，一般来说PathMeasure是和Path配合着使用的。通过PathMeasure，我们可以知道Path路径上某讴歌点的坐标、Path的长度等的。

PathMeasure有两个构造函数：

//构建一个空的PathMeasure
PathMeasure() 
//构建一个PathMeasure并关联一个指定的创建好的Path
PathMeasure(Path path, boolean forceClosed)

无参构造函数PathMeasure()在使用前必须调用setPath(Path path, boolean forceClosed)来关联一个Path。其实就是等价于有参数的构造函数PathMeasure(Path path, boolean forceClosed)了。如果关联之后的Path有所更改，那么就需要调用setPath(Path path, boolean forceClosed)重新关联。

PathMeasure常用的API：

setPath(Path path, boolean forceClosed) 
isClosed()
getLength()
getSegment(float startD, float stopD, Path dst, boolean startWithMoveTo)
getMatrix(float distance, Matrix matrix, int flags)
getPosTan(float distance, float pos[], float tan[])
nextContour()

setPath(Path path, boolean forceClosed)

此方法是关联一个预先创建好的Path。第二个参数forceClosed如果为true，并且关联的Path未闭合时，测量的Path长度可能比Path实际长度长一点，因为测量的是Path闭合的长度。但是关联的Path不会有任何变化。

isClosed()

判断关联的Path是否是闭合状态。如果forceClosed为true，那么此方法一定返回true。

getLength()

返回已关联的Path总长度。如果setPath()时设置的forceClosed为true，则返回的值可能会比实际长度的长。

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

截取Path的一段。如果截取成功，则返回true，反之则返回false。

参数备注
startD起点在Path的位置，取值范围0<=startD < stopD<=getLength()
stopD终点在Path的位置，取值范围0<=startD < stopD<=getLength()
dst将截取的path的片段添加到dst中
startWithMoveTo起点是否使用MoveTo，如果为true，则截取的path的第一个点不会变化，截取的path也不会改变，如果为false，则截取的path可能会发生形变。

注：
1.如果截取Path的长度为0，则返回false，大于0则返回true；
2.startD、stopD必须为和法制(0,getLength())，如果startD>=stopD，则返回false；
3.在Android 4.4或之前的版本在开启硬件加速时，绘制可能会不显示，请关闭硬件加速或者给dst添加一个简单的操作，如：dst.rLineTo(0,0)

演示一下：

        Paint paint = new Paint();
        paint.setStyle(Paint.Style.STROKE); //只描边
        paint.setColor(Color.BLUE);
        paint.setStrokeWidth(10f);
        paint.setAntiAlias(true); //设置抗锯齿
        paint.setDither(true); //设置防抖动

        //初始化Path并顺时针绘制一个矩形
        Path sourcePath = new Path();
        sourcePath.addRect(300, 300, 800, 800, Path.Direction.CW);
        PathMeasure measure = new PathMeasure();
        measure.setPath(sourcePath, false);
        Log.e("PathMeasure", "measure.getLength()：" + measure.getLength());
        canvas.drawPath(sourcePath, paint);

结果：
这里写图片描述

这里写图片描述

现在要截取上图中的下半部分，总长度是2000，中间的部分就是[750,1750]。演示一下：

        //初始化Path并顺时针绘制一个矩形
        Path sourcePath = new Path();
        sourcePath.addRect(300, 300, 800, 800, Path.Direction.CW);
        PathMeasure measure = new PathMeasure();
        measure.setPath(sourcePath, false);
//        Log.e("PathMeasure", "measure.getLength()：" + measure.getLength());
//        canvas.drawPath(sourcePath, paint);

        //初始化一个空的Path
        Path dstPath = new Path();
        //截取sourcePath的一部分添加到dstPath中
        measure.getSegment(750, 1750, dstPath, true);
        dstPath.rLineTo(0, 0);//真机刚刚好是4.4版本的，加个简单的操作
        canvas.drawPath(dstPath, paint);

结果：
这里写图片描述

上面代码中的dstPath初始化完之后，并没有内容的，试试有内容的情况：

        //初始化Path并顺时针绘制一个矩形
        Path sourcePath = new Path();
        sourcePath.addRect(300, 300, 800, 800, Path.Direction.CW);
        PathMeasure measure = new PathMeasure();
        measure.setPath(sourcePath, false);
//        Log.e("PathMeasure", "measure.getLength()：" + measure.getLength());
//        canvas.drawPath(sourcePath, paint);

        //初始化一个空的Path
        Path dstPath = new Path();
        dstPath.rLineTo(200, 200);
        dstPath.lineTo(800, 200);
        //截取sourcePath的一部分添加到dstPath中
        measure.getSegment(750, 1750, dstPath, true);
        canvas.drawPath(dstPath, paint);

结果：
这里写图片描述

有意思的是，将dstPath的rLineTo()和lineTo()放在getSegment()之后，后面内容的起点就成了getSegment()的终点了。演示一下：

        //初始化Path并顺时针绘制一个矩形
        Path sourcePath = new Path();
        sourcePath.addRect(300, 300, 800, 800, Path.Direction.CW);
        PathMeasure measure = new PathMeasure();
        measure.setPath(sourcePath, false);
//        Log.e("PathMeasure", "measure.getLength()：" + measure.getLength());
//        canvas.drawPath(sourcePath, paint);

        //初始化一个空的Path
        Path dstPath = new Path();
        //截取sourcePath的一部分添加到dstPath中
        measure.getSegment(750, 1750, dstPath, true);
        dstPath.rLineTo(200, 200);
        dstPath.lineTo(800, 200);
        canvas.drawPath(dstPath, paint);

结果：
这里写图片描述

再把上面代码中的getSegment()的startWithMoveTo参数改成false会变成什么样呢？演示一下：

          //初始化Path并顺时针绘制一个矩形
        Path sourcePath = new Path();
        sourcePath.addRect(300, 300, 800, 800, Path.Direction.CW);
        PathMeasure measure = new PathMeasure();
        measure.setPath(sourcePath, false);
//        Log.e("PathMeasure", "measure.getLength()：" + measure.getLength());
//        canvas.drawPath(sourcePath, paint);

        //初始化一个空的Path
        Path dstPath = new Path();
		//为了易于理解，把这两个方法放回getSegment()前面
        dstPath.rLineTo(200, 200);
        dstPath.lineTo(800, 200);
        //截取sourcePath的一部分添加到dstPath中
        measure.getSegment(750, 1750, dstPath, false);

        canvas.drawPath(dstPath, paint);

结果：
这里写图片描述

和上上结果对比可得出：startWithMoveTo参数为true时，被截取的path片段会保持原状；startWithMoveTo参数为false时，会将截取的path片段的起始点移动到dstPath的终点，以保持dstPath的连续性。

getMatrix(float distance, Matrix matrix, int flags)

距离Path起始点的一段长度distance，通过计算得到该位置坐标并返回一个处理好的矩阵，该矩阵以左上角为旋转点，如果Path不存在或者长度为0，该方法返回false。

参数备注
distance距离Path起始点的距离，取值范围0 <= distance <= getLength()
matrix根据 flags封装matrix，flags不同，存入matrix的就不同
flagsPathMeasure.POSITION_MATRIX_FLAG:位置信息 ，PathMeasure.TANGENT_MATRIX_FLAG:切边信息，方位角信息，使得图片按path旋转。

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

距离Path起始点的长度distance，通过计算返回该长度在Path上的坐标及该坐标的正切值分别复制给pos[]、tan[]

参数备注
distance距离Path起始点的距离，取值范围0 <= distance <= getLength()
pos[]distance在path上的坐标，即pos[]存的该点的坐标x，y值
tan[]distance在path上对应坐标点在path上的方向，tan[0]是邻边边长，tan[1]是对边边长。通过Math.atan2(tan[1], tan[0])*180.0/Math.PI 可以得到正切角的弧度值。

nextContour()

如果Path有多条曲线组成，且彼此不连接，那么getLength()、getSegment()、getMatrix()和getPosTan()这些方法，都只是针对当前正在操作的。举个例子，Path由多条曲线组成，且彼此不连接，那么getLength()返回的只是当前操作曲线的长度，并不是所有曲线的长度。那么怎么获取下一条曲线的长度呢？这时就得用nextContour()跳转到下一条曲线了，跳转成功返回true，失败就返回false。演示一下：

        Paint paint = new Paint();
        paint.setStyle(Paint.Style.STROKE); //只描边
        paint.setColor(Color.BLUE);
        paint.setStrokeWidth(10f);
        paint.setAntiAlias(true); //设置抗锯齿
        paint.setDither(true); //设置防抖动

        Path path = new Path();
        PathMeasure measure = new PathMeasure();
        //绘制一条从(100,100)到(900,100)的直线，长度为800
        path.moveTo(100, 100);
        path.lineTo(900, 100);
        //绘制一条从(100,200)到(500,100)的直线，长度为400
        path.moveTo(100, 200);
        path.lineTo(500, 200);
        measure.setPath(path, false);
        //输出第一条曲线的长度
        Log.e("PathMeasure", "measure.getLength():" + measure.getLength());
        measure.nextContour(); //跳转到下一条曲线
        //输出第二条曲线的长度
        Log.e("PathMeasure", "next measure.getLength():" + measure.getLength());
        canvas.drawPath(path, paint);

输出的结果：
这里写图片描述

扫码关注个人公众号「技术人的日常」：

在这里插入图片描述

LayneYao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
贝塞尔曲线、Path、PathMeasure理解在Android中
01-03
1. 贝塞尔曲线在数学上的理解    3 点确定一断曲线，对于二阶贝塞尔曲线    在t 时间内,    从p0 到  q    从q  到 p1 上的点的连线，对应的切线，就是    贝塞尔曲线的轨迹    效果图： 上面是我对贝塞尔曲线立即在数学中，可能理解是错误的，Android开发中不用去管什么公式， 用api就行了  2. Adroid贝塞尔曲线绘制 2.1. 二阶绘制 2.2. 三阶绘制 xml布局： Java代码实现： public class PathView extends View { public PathView(Context context) {
PathMeasure打造万能路径动效
07-26
假定我们现在是一个婚恋产品，有一个“心动”的功能，用户点击“心动”按钮的时候，有一个光点快速的沿着桃心转一圈，然后整个桃心泛起光晕！ 针对这个需求，很多人可能会想到以下方案： 不就一个光点沿着桃心跑一圈么，既然桃心是使用贝塞尔曲线画出来的，那么我们就可以用对应的函数模拟出这条曲线，然后算出对应位置上的点，不断将光点绘制到对应的位置上！ 这个思路当然没有问题，但我们还有相对简单的方式，那就是使用 PathMeasure; 使用PathMeasure打造万能路径动效
Android高级-PathMeasure详解
u013815832的博客
11-21 679
然后我们来看一下PahtMeasure的源码： 一个是无参数构造，通过setPath设置边的长度 另外一个是直接将serPath传到参数进入 当setPath等于true的时候： 运行结果：日志打印结果为800，表示矩形的长度是800， 当为false的时候，运行结果是： 只获取了三个边的长度： 不管使用哪种构造方法 ，如果对Path进行了调整， ...
Android高级UI进阶之路(六) —— PathMeasure-制作路径动画
金戈鐡馬
03-08 604
我们来回顾一下前面 5 篇文章我们讲解的内容，先是从 View 基础 ，事件分发，View 工作流程，然后是 Paint, Canvas 讲解，该篇我们还是分 2 个部分讲解，先是 Path, 然后是 PathMeaure ,如果想做出比较炫的动画，那么必不可少是离不开这 2 个类的，下面还是以 API 的使用和 demo 实战来讲解。
【Android UI】Path 测量 PathMeasure ① ( PathMeasure API 简介 | 无参构造函数 | 带参构造函数 | Path 闭合设置 | getLength 函数)
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
06-02 680
一、PathMeasure API 简介、 1、无参构造函数、 2、带参构造函数、 3、getLength 函数
Path基础之PathMearsure详解
Silicon_Valley
10-20 495
PathMeasure路径测量，用来测量path的工具类。
AndroidUI之PathMeasure,PathEffect
做一个苦行僧的专栏
05-12 295
PathMeasure顾名思义，它是一个path(路径)的测量工具。我们可用通过它的一些API得到当前路径上某个点的坐标，还有夹角等信息，这些信息在自定义控件中都很适用。PathMeasure都会和一个或者多个Path结合使用。先看常用的API。 构造方法 //构造方法1 public PathMeasure() { mPath = null; ...
Path之PathMeasure 进阶篇
xifei66的博客
09-28 993
Path & PathMeasure 顾名思义，PathMeasure是一个用来测量Path的类，主要有以下方法: 构造方法 方法名 释义 PathMeasure() 创建一个空的PathMeasure PathMeasure(Path path, boolean forceClosed) 创建 PathMeasure 并关联一个指定的Path(Path需要已经创建完成)。 公共方法 返回值 方法名 释义 void setPath(P.
PathMeasure 基础
tony499074462的博客
07-05 175
PathMeasure是一个用来测量Path的类 1. 构造方法 （1）无参构造函数 PathMeasure() 用这个构造函数可创建一个空的 PathMeasure，但是使用之前需要先调用 setPath 方法来与 Path 进行关联。 被关联的 Path 必须是已经创建好的，如果关联之后 Path 内容进行了更改，则需要使用 setPath 方法重新关联。 我们创建一个PathM...
PathMeasure之迷径追踪
eclipse_xu
07-22 1万+
PathMeasure之迷径追踪Path，不论是在自定义View还是动画，都占有举足轻重的地位。绘制Path，可以通过Android提供的API，或者是贝塞尔曲线、数学函数、图形组合等等方式，而要获取Path上每一个构成点的坐标，一般需要知道Path的函数方法，例如求解贝塞尔曲线上的点的De Casteljau算法，但对于一般的Path来说，是很难通过简单的函数方法来进行计算的，那么，如何来定位任意
浅谈Android PathMeasure详解和应用
01-05
PathMeasure，顾名思义，就是一个用来测量Path的类，主要有以下方法:   构造方法 无参构造方法： PathMeasure() 创建一个空的PathMeasure，用这个构造函数可创建一个空的 PathMeasure，但是使用之前需要先调用 setPath 方法来与 Path 进行关联。被关联的 Path 必须是已经创建好的，如果关联之后 Path 内容进行了更改，则需要使用 setPath 方法重新关联。 有参构造方法 PathMeasure(Path path, boolean forceClosed) 该构造函数是创建一个 PathMeasure 并关联一个 Path
Android自定义View 使用PathMeasure简单模仿系统ProgressBar（四）
08-31
主要为大家详细介绍了Android自定义View，使用PathMeasure简单模仿系统ProgressBar，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
PathMeasure在动画中的应用.zip
11-14
PathMeasure在动画中的应用.zip
Android自定义view详解
02-26
对于我这样一个Android初级开发者来说，自定义View一直是一个遥不可及的东西，每次看到别人做的特别漂亮的控件，自己心里那个痒痒啊，可是又生性懒惰，自己不肯努力去看书，只能望而兴叹，每次做需求用到自定义控件...
android自定义view用path画长方形
01-20
这次主要是练习一下Android的自定义view和path的相关使用，所以做了一个简单的demo：自定义一个view，并用path在上面画一个可以动态改变圆角大小的长方形。 自定义相关属性 自定义view首先需要在values文件夹下建一...
Android自定义View实现纵向跑马灯效果详解
01-20
首先看看效果图(录制的gif有点卡，真实的效果还是很流畅的) 实现思路 通过上面的gif图可以得出结论，其实它就是同时绘制两条文本信息，然后通过动画不断的改变两条文本信息距离顶部的高度，以此来实现滚动的效果...
自定义View中测量流程
01-03
自定义View View的测量是从子View开始的，具体代码顺序是：父容器的onMeasure方法会遍历到每一个子childView –>然后调用measureChild()方法 protected void measureChild(View child, int parentWidthMeasureSpec,...
Android项目ViewPager+Fragment的基本使用
热门推荐
LayneYao的博客
04-23 3万+
Android项目ViewPager+Fragment的简单使用
service两种启动方式的区别
LayneYao的博客
05-31 1万+
service，中文名称是服务，服务是Android中实现程序后台运行的解决方案，它非常适合去执行那些不需要和用户交互，而且还要长期运行的任务。 服务运行不依赖于任何用户界面，即使程序切换到后台，或者用户打开另一个应用程序，服务仍然能够保持正常运行。 不过需要注意的是，服务并不是运行在一个独立的进程当中的，而是依赖于创建服务时所在的应用程序进程。当某个应用程序进程被杀掉时，所以依赖于该进程的服...
android 自定义view之 TypeArray
最新发布
05-24
TypeArray 是 Android 中的一个特殊的资源类型，用于在 XML 中声明自定义 View 的属性。使用 TypeArray 可以方便地在 XML 布局中指定 View 的属性，而不需要在 Java 代码中进行硬编码。 使用 TypeArray 的步骤如下...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值