概述

有时我们需要实时滚动显示一段时间的数据,使用一些图表框架可能不够灵活,不能满足定制化的需求,所以自定义一个控件,使我们可以为所欲为。

演示

环境

开发工具:android studio

开发语言:kotlin

实现

第一步:新建项目realtimechartdemo

第二步:新建realtimechart类

这个类便是要自定义的控件,需要继承自view类。

此类中需要重写 onsizechanged 和 ondraw方法。

第三步:添加自定义变量

首先需要有控件的宽度和高度

然后需要把要绘制的点在此控件范围内,所以需要有转换系数

然后为了显示x轴和y轴的一些标签,需要有边界的大小

然后为了绘制坐标点,需要有坐标的集合,绘制线(path)

然后需要有个中标签,线等等的颜色,样式,宽度等等paint

需要定义一个point的类

第四步:初始化基础参数

初始化paint的各种参数

第五步:初始化宽高等参数

第六步:定义添加坐标点方法

第七步:定义坐标偏移方法

由于左上下都留出了显示标签的位置,所以在实际绘制时需要进行一定的偏移

第八步:定义绘制网格线方法

在绘制网格显示,顺便将y轴标签一起绘制

第九步:定义绘制x轴标签方法

第十步:定义绘制坐标点方法

每次有新点时都重新绘制图表,达到动态滚动的效果

第十一步:绘制

在ondraw方法中,添加绘制辅助线和绘制坐标点方法

第十二步:在activity_main.xml中使用控件

第十三步:在mainactivity中模拟添加数据点

恭喜,现在已经实现了实时图表控件,更多关于android自定义实时图表控件的资料请关注其它相关文章!