Android:Path总结

Android实际开发中经常用到Path来画一些点、线、圆、贝塞尔曲线等,现在闲暇了,来个小的总结吧。

  1. moveTo
      moveTo用来移动画笔。Android默认屏幕的左上角坐标为(0,0),
  2. lineTo
      lineTo用于绘制直线,默认是从左上角(0,0)开始绘制。
mPath.lineTo(100, 100);
canvas.drawPath(mPath, mPaint);
lineTo.png
  1. quadTo
      quadTo用来绘制贝塞尔曲线。
      quadTo(float x1, float y1, float x2, float y2),其中(x1,y1)为控制点,(x2,y2)为结束点。
mPath.moveTo(100, 400);
mPath.quadTo(200, 100, 600, 400);
canvas.drawPath(mPath, mPaint);
quadTo.png

  也可以通过连续的quadTo实现其他图形,下边画一个简单的水滴形状:

mPath.moveTo(200,700);
mPath.quadTo(50,900,200,910);
mPath.quadTo(350,900,200,700);
canvas.drawPath(mPath,mPaint);
水滴形状.png

  道理很简单,下图是模拟出水滴的起始点、三个控制点,Path会根据这四个点绘制出贝塞尔图形,如果要绘制其他有难度的图形,可以先模拟出个个点的位置,分析曲线的路径,就可以确定每个点的坐标了。


水滴分析图.png
  1. cubicTo
      cubicTo跟quadTo一样,都是用来绘制贝塞尔曲线的,只是多个一个控制点。
      cubicTo(float x1, float y1, float x2, float y2, float x3, float y3),其中(x1,y1)、(x2,y2)是控制点,(x3,y3)是结束点。
mPath.moveTo(100,500);
mPath.cubicTo(100, 500, 300, 100, 600, 500);
canvas.drawPath(mPath, mPaint);
cubicTo.png

  用cubicTo实现上边那个水滴,和用quadTo实现是一样的,就是多个控制点,如果控制点位置放的好的话,形状会更逼真。
  将mPath移动到(0,0)点后绘制出来的曲线也很美的:

mPath.moveTo(0,0);
mPath.cubicTo(100, 500, 300, 100, 600, 500);
canvas.drawPath(mPath, mPaint);
从(0,0)开始绘制.png
  1. arcTo
      arcTo用来绘制弧线(好吧,上边的quadTo和cubicTo也能实现,但是arcTo实际上是截取了圆或者椭圆的一部分)。
      arcTo(RectF oval, float startAngle, float sweepAngle),oval为椭圆的矩形,startAngle为开始角度,sweepAngle为结束角度。(注意:开始角度是从3点钟方向开始,顺时针开始计算)
mRectF = new RectF(10, 10, 300, 300);
mPath.arcTo(mRectF, 0, 90);
canvas.drawPath(mPath, mPaint);
arcTo.png

  还有四个参数的这个arcTo(RectF oval, float startAngle, float sweepAngle, boolean forceMoveTo),API是这么说的“If true, always begin a new contour with the arc”,就是说,每次绘制都是从这个RectF的0度开始也就是3点钟方向。有什么用?有……当使用同一个Path在其他位置绘制完成后再绘制该arc,如果为false那么上次绘制的结束点就会链接到这个RectF的0度位置,如果为true那么Path是直接移动到RectF的0度位置,中间不进行绘制。

  1. close
      close就是关闭当前路径了。应该这么理解,关闭的是这次绘制的路径,会在起点和重点连接起来。
    close所绘制的线.png
  2. 当然还有其他的,等有时间了再慢慢补充吧
终于会添加动态图了.gif
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容