android 坐标图绘制曲线,Android艺术之画一条平滑的曲线

前言

说的是曲线,其实想法是来自一个曲线图的需求。图表这种东西,项目开发中也不少见,大多情况找个通用的开源框架改改就得了(老板们别打我),然而通用赶不上脑洞,要做交互和视觉比较特别的图表时,还是自己造一个轮子比较靠谱,这次要研究的就是一个优雅而平滑的曲线怎么画出来。

实现方法分析

曲线图的责任概括起来就是把数据输出为对应的图像,我们这次需求的目标效果图是这样的:

cf1f89951d7e749a7ddf95e65cabd3ac.png

坐标轴和指示线等功能不是这篇文章的重点,抛开它们先不讨论,这次研究的重点在于曲线的绘制,而说到绘制曲线,最常用的参数曲线函数就是贝塞尔曲线。

二次贝塞尔曲线:

367b0340564399fa9a2c9bbf1f726c57.png

6a87b9ce493ce6451a325e95d052b137.png

三次贝塞尔曲线:

2f35ce178b6bc3156eee0be4f342e6bf.png

519cba8d1491892ec5743917728c6e03.png

关于贝塞尔曲线更详细的内容戳这里,Android也提供了绘制贝塞尔曲线的方法,方法参数就是对应贝塞尔曲线的控制点:

// 二次贝塞尔曲线

path.quadTo(auxiliaryX, auxiliaryY, endPointX, endPointY);

canvas.drawPath(path, paint);

<
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值