Android关于Path你所知道的和不知道的一切

最新推荐文章于 2024-03-24 04:37:55 发布
最新推荐文章于 2024-03-24 04:37:55 发布
阅读量720 收藏 1
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nnmmbb/article/details/116135486
版权

Android关于Path你所知道的和不知道的一切
转载于https://juejin.cn/post/6844903705939050503?share_token=3ab92da7-c7fa-4a0a-af6d-147018341fd6&tt_from=copy_link&utm_source=copy_link&utm_medium=toutiao_android&utm_campaign=client_share

https://cloud.tencent.com/developer/article/1369600

零、前言
1.canvas本身提供了很多绘制基本图形的方法，普通绘制基本满足
2.但是更高级的绘制canvas便束手无策，但它的一个方法却将图形的绘制连接到了另一个次元
3.下面进入Path的世界，[注]:本文只说Path，关于绘制只要使用Canvas.drawPath(Path,Paint)即可
4.本文将对Path的所有API进行测试。

一、引：认识Path
例1.绘制网格
在Canvas篇我用Path画过一个网格辅助，在这里分析一下
moveTo相当于抬笔到某点，lineTo表示画下到某点

/**
 * 绘制网格:注意只有用path才能绘制虚线
 *
 * @param step    小正方形边长
 * @param winSize 屏幕尺寸
 */
public static Path gridPath(int step, Point winSize) {
    //创建path
    Path path = new Path();
    //每间隔step,将笔点移到(0, step * i)，然后画线到(winSize.x, step * i)
    for (int i = 0; i < winSize.y / step + 1; i++) {
        path.moveTo(0, step * i);
        path.lineTo(winSize.x, step * i);
    }

    for (int i = 0; i < winSize.x / step + 1; i++) {
        path.moveTo(step * i, 0);
        path.lineTo(step * i, winSize.y);
    }
    return path;
}

复制代码
//准备画笔
mRedPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mRedPaint.setColor(Color.RED);
mRedPaint.setStrokeWidth(2);
mRedPaint.setStyle(Paint.Style.STROKE);
//设置虚线效果new float[]{可见长度, 不可见长度},偏移值
mRedPaint.setPathEffect(new DashPathEffect(new float[]{10, 5}, 0));

//绘制
Path path = HelpPath.gridPath(50, mWinSize);
canvas.drawPath(path, mRedPaint);
复制代码
path画线.png
例2.绘制N角星
曾经花了半天研究五角星的构造，通过两个圆，发现了N角星绘制的通法
又用半天用JavaScript的Canvas实现了在浏览器上的绘制，当然Android也不示弱：

mmexport1541469593236.jpg
1).通用n角星路径绘制:(基本上都是一些点位和角度的计算，然后连线)
/**

  • n角星路径
  • @param num 几角星
  • @param R 外接圆半径
  • @param r 内接圆半径
  • @return n角星路径
    */
    public static Path nStarPath(int num, float R, float r) {
    Path path = new Path();
    float perDeg = 360 / num;
    float degA = perDeg / 2 / 2;
    float degB = 360 / (num - 1) / 2 - degA / 2 + degA;
    path.moveTo(
    (float) (Math.cos(rad(degA + perDeg * 0)) * R + R * Math.cos(rad(degA))),
    (float) (-Math.sin(rad(degA + perDeg * 0)) * R + R));
    for (int i = 0; i < num; i++) {
    path.lineTo(
    (float) (Math.cos(rad(degA + perDeg * i)) * R + R * Math.cos(rad(degA))),
    (float) (-Math.sin(rad(degA + perDeg * i)) * R + R));
    path.lineTo(
    (float) (Math.cos(rad(degB + perDeg * i)) * r + R * Math.cos(rad(degA))),
    (float) (-Math.sin(rad(degB + perDeg * i)) * r + R));
    }
    path.close();
    return path;
    }

/**

  • 角度制化为弧度制

  • @param deg 角度

  • @return 弧度
    */
    public static float rad(float deg) {
    return (float) (deg * Math.PI / 180);
    }
    复制代码
    2).当外接圆和内切圆的半径成一定的关系，可形成正多角星，和正多边形
    正多角星:

    /**

    • 画正n角星的路径:
    • @param num 角数
    • @param R 外接圆半径
    • @return 画正n角星的路径
      */
      public static Path regularStarPath(int num, float R) {
      float degA, degB;
      if (num % 2 == 1) {//奇数和偶数角区别对待
      degA = 360 / num / 2 / 2;
      degB = 180 - degA - 360 / num / 2;
      } else {
      degA = 360 / num / 2;
      degB = 180 - degA - 360 / num / 2;
      }
      float r = (float) (R * Math.sin(rad(degA)) / Math.sin(rad(degB)));
      return nStarPath(num, R, r);
      }
      复制代码
      正多边形：

    /**

    • 画正n边形的路径
    • @param num 边数
    • @param R 外接圆半径
    • @return 画正n边形的路径
      */
      public static Path regularPolygonPath(int num, float R) {
      float r = (float) (R * (Math.cos(rad(360 / num / 2))));//!!一点解决
      return nStarPath(num, R, r);
      }

    /**

    • 角度制化为弧度制
    • @param deg 角度
    • @return 弧度
      */
      public static float rad(float deg) {
      return (float) (deg * Math.PI / 180);
      }
      复制代码
      n角星
      这两个小栗子作为引，应该对Path的能为有一定的了解了吧,下面将正式对Path做系统地介绍

二、Path的详细介绍
Path定位： 是一个类，直接继承自Object，源码行数879(一盏茶的功夫就看完了)，算个小类
但native方法很多，说明它跟底层打交道的，感觉不好惹
下面看一下Path的公共方法：(基本创建相关、添加相关、设置相关，其他)
注：为了好看，以下所有演示为横屏且canvas的坐标原点移至(800,500),所有蓝线为辅助线

Path一览.png
1.moveTo----lineTo----close
moveTo：抬笔到某点
lineTo：画线到某点
close：闭合首位

Path path = new Path();
path.moveTo(0, 0);
path.lineTo(100, 200);
复制代码
画线.png
Path path = new Path();
path.moveTo(0, 0);
path.lineTo(100, 200);
path.lineTo(200, 100);
复制代码
画线2.png
Path path = new Path();
path.moveTo(0, 0);
path.lineTo(100, 200);
path.lineTo(200, 100);
path.close();
复制代码
close.png
2.rMoveTo----rLineTo
rMoveTo：从路径尾部为起点，抬笔
rLineTo：从路径尾部为起点，画直线
其实也不难理解，就是点的参考系从canvas左上角移变成路径尾部，看一下就知道了：

Path path = new Path();
path.rMoveTo(0,0);
path.rLineTo(100, 200);
path.rLineTo(200, 100);
path.close();
复制代码
rlineto.png
3.绘制弧：arcTo(矩形范围，起点，终点，)
RectF rectF = new RectF(100, 100, 500, 300);
path.moveTo(0, 0);
//arcTo(矩形范围，起点，终点，是否独立–默认false)
//path.arcTo(rectF, 0, 45, true);
path.arcTo(rectF, 0, 45, false);

复制代码
绘制弧线.png
剩下的贝塞尔曲线这个大头放在本篇最后

三、路径添加：addXXX
可以看出齐刷刷的Direction，先看看它是什么鬼：
是一个枚举，只有CW(顺时针)和CCW(逆时针)，这里暂且按下，都使用CW,后文详述：

public enum Direction {
    /** clockwise */
    CW  (0),    // must match enum in SkPath.h---顺时针
    /** counter-clockwise */
    CCW (1);    // must match enum in SkPath.h---逆时针

    Direction(int ni) {
        nativeInt = ni;
    }
    final int nativeInt;
}

复制代码
1.加矩形路径：
1).普通矩形:addRect(左,上,右,下)
RectF rectF = new RectF(100, 100, 500, 300);
path.addRect(rectF, Path.Direction.CW);//顺时针画矩形
复制代码
2).圆角矩形：addRoundRect(矩形域,圆角x，圆角y)
RectF rectF = new RectF(100, 100, 500, 300);
path.addRoundRect(rectF, 50, 50, Path.Direction.CW);//顺时针画圆角矩形
复制代码
3).用4点控制圆角：addRoundRect(矩形域,8数，方向)
RectF rectF = new RectF(100, 100, 500, 300);
path.addRoundRect(rectF, new float[]{
150, 150,//左上圆角x,y
0, 0,//右上圆角x,y
450, 250,//右下圆角x,y
250, 200//左下圆角x,y
}, Path.Direction.CW);//顺时针画
复制代码
矩形相关.png
2.加椭圆路径：addOval(矩形域，方向)
RectF rectF = new RectF(100, 100, 500, 300);
path.addOval(rectF, Path.Direction.CW);
复制代码
绘制椭圆.png
3.加圆路径：addCircle(圆心x,圆心y,方向)
path.addCircle(100,100,100,Path.Direction.CW);
复制代码
圆.png
4.加弧线路径：addArc(矩形域,起始角度终止角度)
RectF rectF = new RectF(100, 100, 500, 300);
path.addArc(rectF,0,145);
复制代码
弧线.png
5.添加路径：
1).普通添加addPath(Path)
path.addCircle(100,100,100,Path.Direction.CW);
Path otherPath = new Path();
otherPath.moveTo(0, 0);
otherPath.lineTo(100, 100);
path.addPath(otherPath);
复制代码
2).偏移添加：addPath(Path，偏移x,偏移y)
path.addCircle(100,100,100,Path.Direction.CW);
Path otherPath = new Path();
otherPath.moveTo(0, 0);
otherPath.lineTo(100, 100);
path.addPath(otherPath,200,200);
复制代码
3).矩阵变换添加：addPath(Path，Matrix)
path.addCircle(100,100,100,Path.Direction.CW);
Path otherPath = new Path();
otherPath.moveTo(0, 0);
otherPath.lineTo(100, 100);

Matrix matrix = new Matrix();
matrix.setValues(new float[]{
1, 0, 100,
0, .5f, 150,
0, 0, 1
});
path.addPath(otherPath, matrix);
复制代码
添加路径.png
四、其他操作：
1.细碎小点综述:
path.reset();//清空path,保留填充类型
//path.rewind();//清空path,保留数据结构
path.isEmpty()//是否为空
path.isRect(new RectF());
path.isConvex();
path.isInverseFillType();

    path.set(otherPath);//清空path后添加新Path

// path.offset(200,200);//平移
// path.transform(matrix);//矩阵变换

    Path tempPath = new Path();

// path.offset(200, 200, tempPath);//基于path平移注入tempPath，path不变
path.transform(matrix, tempPath);//基于path变换注入tempPath，path不变

    canvas.drawPath(path, mRedPaint);
    canvas.drawPath(tempPath, mRedPaint);

复制代码
2.顺时针CW和逆时针CCW的区别
1).setLastPoint(x,y):设置最后一点
Path相当于将点按顺序保存，setLastPoint(x,y)方法则是将最后一个点换掉

RectF rectF = new RectF(100, 100, 500, 300);
path.addRect(rectF, Path.Direction.CW);//顺时针画矩形
path.setLastPoint(200, 200);
canvas.drawPath(path, mRedPaint);
复制代码
顺时针.png
RectF rectF = new RectF(100, 100, 500, 300);
path.addRect(rectF, Path.Direction.CCW);//顺时针画矩形
path.setLastPoint(200, 200);
canvas.drawPath(path, mRedPaint);
复制代码
逆时针.png
3.边界计算：
Path starPath = CommonPath.nStarPath(6, 100, 50);
RectF rectF = new RectF();//自备矩形区域
starPath.computeBounds(rectF, true);
canvas.drawPath(starPath, mRedPaint);
canvas.drawRect(rectF,mHelpPaint);
复制代码
查看矩形路径区域.png
五、路径的填充
1.初识路径的填充：
1)左图：两个都是顺时针：
mRedPaint.setStyle(Paint.Style.FILL);
RectF rectF = new RectF(100, 100, 500, 300);
path.addRect(rectF, Path.Direction.CW);//顺时针画矩形
path.addRect(200, 0, 400, 400, Path.Direction.CW);//顺时针画矩形
复制代码
2)右图：横的顺时针,竖的逆时针
mRedPaint.setStyle(Paint.Style.FILL);
RectF rectF = new RectF(100, 100, 500, 300);
path.addRect(rectF, Path.Direction.CW);//顺时针画矩形
path.addRect(200, 0, 400, 400, Path.Direction.CCW);//逆时针画矩形
复制代码
填充.png
感觉向两个水涡，同向加剧，反向中间就抵消了

2.填充的环绕原则：—在自然科学(如数学，物理学)中的概念
非零环绕原则(WINDING)----默认
反零环绕原则(INVERSE_WINDING)
奇偶环绕原则(EVEN_ODD)
反奇偶环绕原则(INVERSE_EVEN_ODD)

public enum FillType {
WINDING (0),
EVEN_ODD (1),
INVERSE_WINDING (2),
INVERSE_EVEN_ODD(3);
FillType(int ni) {
nativeInt = ni;
}
final int nativeInt;
}
复制代码
Path.FillType fillType = path.getFillType();//获取类型
path.setFillType(Path.FillType.XXXXXX)//设置类型
复制代码
//绘制的测试五角星
path.moveTo(100, 200);
path.lineTo(500, 200);
path.lineTo(200, 400);
path.lineTo(300, 50);
path.lineTo(400, 400);
path.close();
复制代码
1).非零环绕数规则：WINDING
根据我个人的理解(仅供参考)：在非零环绕数规则下

判断一点在不在图形内：从点引射线P，
遇到顺时针边+1
遇到逆时针边-1
结果0，不在，否则，在
复制代码
非零环绕.png
2).奇偶环绕数规则：EVEN_ODD
根据我个人的理解(仅供参考)：奇偶环绕数规则

判断一点在不在图形内(非定点)：
从点引射线P，看与图形交点个数
奇数在，偶数，不在
复制代码
奇偶环绕.png
3).反非零环绕数规则和反奇偶环绕数规则：
就是和上面相比，该填充的不填充，不填充的填充

反环绕.png
这样看来图形的顺时针或逆时针绘制对于填充是非常重要的
综合来说奇偶原则比较简单粗暴,但非零原则作为默认方式体现了它的通用性

六、布尔运算OP：(两个路径之间的运算)
如果说环绕原则是一个Path的自我纠结，那么OP就是两个路径之间的勾心斗角

Path right = new Path();
Path left = new Path();
left.addCircle(0, 0, 100, Path.Direction.CW);
right.addCircle(100, 0, 100, Path.Direction.CW);
//left.op(right, Path.Op.DIFFERENCE);//差集----晕，咬了一口硫酸
//left.op(right, Path.Op.REVERSE_DIFFERENCE);//反差集----赔了夫人又折兵
//left.op(right, Path.Op.INTERSECT);//交集----与你不同的都不是我
//left.op(right, Path.Op.UNION);//并集----在一起，在一起
left.op(right, Path.Op.XOR);//异或集—我恨你，我也恨你

canvas.drawPath(left, mRedPaint);
复制代码
op.png
七、Path动画：PathMeasure

init方法里：
//测量路径
PathMeasure pathMeasure = new PathMeasure(mStarPath, false);
//使用ValueAnimator
ValueAnimator pathAnimator = ValueAnimator.ofFloat(1, 0);
pathAnimator.setDuration(5000);
pathAnimator.addUpdateListener(animation -> {
float value = (Float) animation.getAnimatedValue();
//使用画笔虚线效果+偏移
DashPathEffect effect = new DashPathEffect(
new float[]{pathMeasure.getLength(), pathMeasure.getLength()},
value * pathMeasure.getLength());
mRedPaint.setPathEffect(effect);
invalidate();
});
pathAnimator.start();
复制代码
OnDraw方法里：
canvas.drawPath(mStarPath, mRedPaint);
复制代码
路径动画.gif
八、贝塞尔曲线简述：
如果说Path是Canvas为了高级绘制留下的窗子那么贝塞尔曲线则Path为了更高级的绘制而留下的门
由于操作的复杂性，这里并不过渡深入，以后有需求的话会专门开一篇

1.简单认识：(图来源网络)
一阶贝塞尔 二阶贝塞尔 三阶贝塞尔

2.二阶贝塞尔曲线示例：
public class Bezier2View extends View {
private Paint mHelpPaint;//辅助画笔
private Paint mPaint;//贝塞尔曲线画笔
private Path mBezierPath;//贝塞尔曲线路径
//起点
private PointF start = new PointF(0, 0);
//终点
private PointF end = new PointF(400, 0);
//控制点
private PointF control = new PointF(200, 200);
private Picture mPicture;//坐标系和网格的Canvas元件
private Point mCoo;//坐标系
public Bezier2View(Context context) {
this(context, null);
}

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

private void init() {
    //贝塞尔曲线画笔
    mPaint = new Paint();
    mPaint.setStyle(Paint.Style.STROKE);
    mPaint.setColor(Color.parseColor("#88EC17F3"));
    mPaint.setStrokeWidth(8);
    //辅助线画笔
    resetHelpPaint();
    recordBg();//初始化时录制坐标系和网格--避免在Ondraw里重复调用
    mBezierPath = new Path();
}

/**
 * 初始化时录制坐标系和网格--避免在Ondraw里重复调用
 */
private void recordBg() {
    //准备屏幕尺寸
    Point winSize = new Point();
    mCoo = new Point(800, 500);
    Utils.loadWinSize(getContext(), winSize);
    Paint gridPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    mPicture = new Picture();
    Canvas recordCanvas = mPicture.beginRecording(winSize.x, winSize.y);
    //绘制辅助网格
    HelpDraw.drawGrid(recordCanvas, winSize, gridPaint);
    //绘制坐标系
    HelpDraw.drawCoo(recordCanvas, mCoo, winSize, gridPaint);
    mPicture.endRecording();
}

/**
 * 重置辅助画笔
 */
private void resetHelpPaint() {
    mHelpPaint = new Paint();
    mHelpPaint.setColor(Color.BLUE);
    mHelpPaint.setStrokeWidth(2);
    mHelpPaint.setStyle(Paint.Style.STROKE);
    mHelpPaint.setPathEffect(new DashPathEffect(new float[]{10, 5}, 0));
    mHelpPaint.setStrokeCap(Paint.Cap.ROUND);
}

@Override
public boolean onTouchEvent(MotionEvent event) {
    // 根据触摸位置更新控制点，并提示重绘
    control.x = event.getX() - mCoo.x;
    control.y = event.getY() - mCoo.y;
    invalidate();
    return true;
}

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    canvas.save();
    canvas.translate(mCoo.x, mCoo.y);
    drawHelpElement(canvas);//绘制辅助工具--控制点和基准选
    // 绘制贝塞尔曲线
    mBezierPath.moveTo(start.x, start.y);
    mBezierPath.quadTo(control.x, control.y, end.x, end.y);
    canvas.drawPath(mBezierPath, mPaint);
    mBezierPath.reset();//清空mBezierPath
    canvas.restore();
    canvas.drawPicture(mPicture);
}
/**
 * 绘制辅助工具--控制点和基准选
 *
 * @param canvas
 */
private void drawHelpElement(Canvas canvas) {
    // 绘制数据点和控制点
    mHelpPaint.setColor(Color.parseColor("#8820ECE2"));
    mHelpPaint.setStrokeWidth(20);
    canvas.drawPoint(start.x, start.y, mHelpPaint);
    canvas.drawPoint(end.x, end.y, mHelpPaint);
    canvas.drawPoint(control.x, control.y, mHelpPaint);
    // 绘制辅助线
    resetHelpPaint();
    canvas.drawLine(start.x, start.y, control.x, control.y, mHelpPaint);
    canvas.drawLine(end.x, end.y, control.x, control.y, mHelpPaint);
}

}
复制代码
效果如下：(模拟器+录屏软件+AS有点卡，手机上演示很流畅的)

二阶贝塞尔.gif
3.三阶贝塞尔的简单演示：

mRedPaint.setStrokeWidth(5);
mRedPaint.setStrokeCap(Paint.Cap.ROUND);
path.moveTo(0, 0);//定点1_x,定点1_y
//(控制点1_X，控制点1_y,控制点2_x，控制点2_y,定点2_x,定点2_y)
path.cubicTo(100, 100, 300, -300, 600, 0);
复制代码
三阶贝塞尔.png
好了，Path完结散花

汤米粥
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android图像处理之Path
gu_solo的博客
03-22 1723
Path路径的意思，任何图形都可以用它来表示，相比于Rect、Cycle、Line等它非常灵活，下面介绍Path的相关函数 Path.Direction：Pth的方向，有两个值CCW、CW，CCW表示逆时针，CW表示顺时针 Pth.FillType：Path的填充方式，有4个取值EVEN_ODD、WINDING、INVERSE_EVEN_ODD、INVERSE_WINDING Pth.Op：
android path 合并_Android Path学习笔记
weixin_32267059的博客
12-28 475
简单说说Path是android中用来封装几何学路径的一个类，因为Path在图形绘制上占的比重还是相当大的，所以经过学习后，对Path中方法进行总结使用与应用Path类的方法图1 Path方法Path中的方法相对较多，不对期进行一一说明，将平时用的较多的方法拿出来着重说明(1) 将路径连接至某个坐标点lineTo(float x, float y)**(2)改变起始点的位置 **moveTo(fl...
android path 详解
代码猫
08-24 1578
Path主要用于绘制复杂的图形轮廓，比如折线，圆弧以及各种复杂图案 方法列表： reset()                            lineTo(float x, float y) moveTo(float x, float y) close() path.addArc(oval, startAngle, sweepAngle) arcTo(Re
Android开发之Path详解
Davis
07-16 1万+
一、xxxTo方法 Path类中提供了一套xxxTo方法，其作用是从起点到终点移动path画笔并绘制线（moveTo方法只移动path画笔不绘制线），线有直线和曲线。 方法汇总如下表所示： 方法名 参数解析 lineTo(float x, float y) 绘制直线，x：终点x坐标值，y：终点y坐标值 moveTo(float x, float y) 移动画笔，x：终点x坐标值...
android+坐标类,Android Path和PathMeasure类的使用之获取圆弧上的坐标值
weixin_33404438的博客
05-25 1186
问题：已知图中的中心圆点在屏幕上的坐标为(x, y)，分别求出点1、2、3、4的坐标值！ 解决方法：1)以圆点坐标(x，y)为中心画一个矩形RectF，2)再通过Path类画一个90度(180—270)的内切圆弧路径，3)然后将该路径平分成3段，4)再利用PathMeasure分别测量出各个点的坐标值代码如下：private void calculateItemPositions() {// Cr...
Android关于Color你所知道的和不知道的一切
最新发布
2401_83817843的博客
03-24 760
由于本文罗列的知识点是根据我自身总结出来的，并且由于本人水平有限，无法全部提及，欢迎大神们能补充~将来我会对上面的知识点一个一个深入学习，也希望有童鞋跟我一起学习，一起进阶。提升架构认知不是一蹴而就的，它离不开刻意学习和思考。**这里，笔者分享一份从架构哲学的层面来剖析的视频及资料分享给大家，**梳理了多年的架构经验，筹备近1个月最新录制的，相信这份视频能给你带来不一样的启发、收获。，第一时间获取最新知识点Android架构师之路很漫长，一起共勉吧！
Android粘性菊花—-粘性LoadingView你所知道的一切
code change the world
11-17 2424
Android粘性菊花—-粘性loadingView你所知道的一切前沿今天先看看我们要做的效果图。我们需要做的就是这样的一个带有粘性的loading控件，可以看到里面有两种方式可以切换，一种是直线粘性loading另外一种是菊花形状的粘性控件。准备知识要做这样的一个效果我们主要需要了解以下几个方面的知识。 如求两个圆的共切线 贝塞尔曲线的画法 这里我将详细解释并一步一步的分享我们的LINE这总状态下
android地图路径绘制,android：利用svg的path路径+canvas 开发自定义地图控件
weixin_42171132的博客
05-26 743
需求：做小型地图的一个显示功能实现思路：自定义view解析对应的svg文件，在利用canvas的画笔画出相应的地图线条。各个线条围成的区域可以表示成各个元素比如树，街道，路灯，汽车等等一切事物。然后通过view的点击事件可以给自定义控件添加点击，长按，放大缩小等等操作。需要美工给一个svg格式的图片。//当然这里并不止一个path路径，这里的path路径就是地图的线条android:width="...
自定义View之绘图篇（二）：路径（Path）
热门推荐
文淑的博客
04-26 2万+
马上要到五一了，提前祝贺大家五一快乐。 今天的主角是路劲，这个词给我的第一印象就是那种弯弯的小路，届时让我想起了小时候的曲径通幽处， 反正我是忘记了下一句是什么。言归正传，Android中的Path又有哪一些呢，以及它们的常用方法。 Path常用方法 方法 作用 备注 moveTo 移动起点 移动下一次操作的起点位置 lineTo 连接直线
Android 下，使用 Path 画一个环状的扇形
marksim的博客
09-06 1448
今天需要在界面上画一个环状的扇形。研究一下，发现一个简单的办法就可以办到。记录一下。 直接上代码： //设置一个目标正方形框。这个边长是内弧的直径。中心点即为圆心 RectF baseRectf = new RectF(600, 600, 800, 800); Path path = new Path(); //画一个弧。注意，角度的设置。这样设置，正方型的边长就是直径。方便计算。 path.addArc(baseRectf, -30, 60); //向外扩张这个正方形。此时正方形的边长是外弧的
android path拆分_android将path拆分为多个path | 学步园
weixin_39798497的博客
12-23 171
在android开发中，我们有时会采用如下api来生成一个Path对象：Path path = new Path();path.addPath(firstPath);path.addPath(secondPath);后期我们想将该path拆分为多个path，可以采用如下方法：ArrayList list = new ArrayList();PathMeasure pm = new PathMeas...
android path拆分_android将path拆分为多个path
weixin_39925413的博客
01-26 303
在android开发中，我们有时会采用如下api来生成一个Path对象：Path path = new Path();path.addPath(firstPath);path.addPath(secondPath);后期我们想将该path拆分为多个path，可以采用如下方法：ArrayList list = new ArrayList();PathMeasure pm = new PathMeas...
android绘图之Path总结
08-15 615
我们在做自定义View的时候，很多时候都会用到Path，即路径，今天总结一下Path有哪些，以及他们的常用方法。
Android 画虚线 DashPathEffect 使用详解
男儿不展风云志，空有天生八尺躯
04-08 1934
PathEffect
Android中Paint画图（线、虚线、矩形、多边形、圆形、曲线、半圆、三角形、旋转文字）
aidou1314的博客
10-10 8092
线 private void drawLine(Canvas canvas, float startX,float startY,float stopX,float stopY, float width,int color){ Paint paint = new Paint(); paint.setAntiAlias(true);//抗锯齿 paint.setStyle(Pai
Waves区块链-Swop.fi里的Share Token是什么？如何发挥作用？
scdnbang的博客
02-05 7737
当用户在向Swop.fi池添加流动性时，会收到Share Token，也称为共享通证或LP通证。Share Token只是一种会计工具，代表用户在总池流动性中所占的份额。Share Token主要用于以下方面：系统交易奖励，用户提供流动性或移除流动性时用于追踪当前用户可获得的权益。 与Share Token对应的是基础流动性份额，交易费用奖励和USDN交易对池的抵押奖励。这是共享令牌的唯一目的。当然了，用户可以对它Share Token进行任何操作：转让，出售甚至烧毁。但是，如果没有共享代币，就无法消除流
android 爱心动画,Android之二阶贝塞尔曲线的波浪头像(三阶的爱心飞出)
weixin_39732640的博客
05-26 293
1、写这个demo主要是因为一个同事给我看了一个ios的效果，因为感觉好玩所以我就写了android样式的，具体的效果就如下图展示(图是ios的gif不过效果是一样的)，有需要的朋友在下面会给出下载地址 首先分析一下我的做法，我是将波浪的部分和头像分开考虑，根据波浪的移动高度将头像画出 一、定义属性其实我在做的时候我是直接开始画，画完了才去优化自定义属性，然而现在这些过程已经不重要了，我就先介绍下...
flutter绘制指南04-路径的操作方法
title_martin的博客
06-19 698
2. 和 3.:路径变换 4.:路径联合 二. 路径测量的使用 1.认识 2. 路径测量获取路径某个位置的信息 3.路径测量和动画相结合
一步步教你搭建Android开发环境
解压缩后，你需要设置环境变量，例如`ANDROID_HOME`，指向SDK的安装目录，并在系统PATH中添加`%ANDROID_HOME%\tools`和`%ANDROID_HOME%\platform-tools`，以便命令行可以访问SDK工具。 5. **SDK管理器使用** 打开...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值