Android 曲线图的绘制示例代码曲线图的绘制示例代码
本文介绍了Android 曲线图的绘制示例代码,分享给大家,具体如下:
效果展示
效果展示.gif
使用方式使用方式
// 初始化数据表格相关
with(mTableView) {
// 配置坐标系
setupCoordinator("日", "人", /*这里是横坐标的值*/0f, 5f, 10f, 15f, 20f, 25f, 30f)
// 添加曲线, 确保纵坐标的数值位数相等
addWave(ContextCompat.getColor(this@MainActivity, R.color.colorYellow), false,
0f, 10f, 30f, 54f, 30f, 100f, 10f)
addWave(ContextCompat.getColor(this@MainActivity, R.color.colorGreen), false,
0f, 30f, 20f, 20f, 46f, 25f, 5f)
addWave(ContextCompat.getColor(this@MainActivity, R.color.colorPink), false,
0f, 30f, 20f, 50f, 46f, 30f, 30f)
addWave(Color.parseColor("#8596dee9"), true,
0f, 15f, 10f, 10f, 40f, 20f, 5f)
}
实现思路实现思路
横坐标是固定的, 纵坐标需要跟随曲线传入的数值去动态的调整
绘制坐标轴: 纵横交错的网格
根据用户传入坐标数值去绘制坐标轴上的数值
给X轴和Y轴添加单位信息
根据用户传入的具体的数值绘制曲线(这里不采用Bezier, 不容易精确的控制顶点的位置)
绘制填充效果
添加属性动画
代码实现代码实现
/**
* Created by FrankChoo on 2017/12/29.
* Email: frankchoochina@gmail.com
* Version: 1.0
* Description: 表格自定义View
*/
评论0
最新资源