目录
  • 概述
  • 演示
  • 环境
  • 实现
    • 第一步：新建项目RealTimeChartDemo
    • 第二步：新建RealTimeChart类
    • 第三步：添加自定义变量
    • 第四步：初始化基础参数
    • 第五步：初始化宽高等参数
    • 第六步：定义添加坐标点方法
    • 第七步：定义坐标偏移方法
    • 第八步：定义绘制网格线方法
    • 第九步：定义绘制X轴标签方法
    • 第十步：定义绘制坐标点方法
    • 第十一步：绘制
    • 第十二步：在activity_main.xml中使用控件
    • 第十三步：在MainActivity中模拟添加数据点

概述

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

演示

Android开发自定义实时图表控件实现示例

环境

开发工具：Android Studio

开发语言：Kotlin

实现

第一步：新建项目RealTimeChartDemo

Android开发自定义实时图表控件实现示例

第二步：新建RealTimeChart类

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

此类中需要重写 onSizeChanged 和 onDraw方法。

Android开发自定义实时图表控件实现示例

第三步：添加自定义变量

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

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

然后为了显示X轴和Y轴的一些标签，需要有边界的大小

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

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

Android开发自定义实时图表控件实现示例

需要定义一个Point的类

Android开发自定义实时图表控件实现示例

第四步：初始化基础参数

初始化Paint的各种参数

Android开发自定义实时图表控件实现示例

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

Android开发自定义实时图表控件实现示例

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

Android开发自定义实时图表控件实现示例

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

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

Android开发自定义实时图表控件实现示例

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

在绘制网格显示，顺便将Y轴标签一起绘制

Android开发自定义实时图表控件实现示例

第九步：定义绘制X轴标签方法

Android开发自定义实时图表控件实现示例

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

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

Android开发自定义实时图表控件实现示例

第十一步：绘制

在onDraw方法中，添加绘制辅助线和绘制坐标点方法

Android开发自定义实时图表控件实现示例

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

Android开发自定义实时图表控件实现示例

第十三步：在MainActivity中模拟添加数据点

Android开发自定义实时图表控件实现示例

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

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。