android 波形图 动态,Android实现动态滚动波形图(心电图)功能
最近涉及的某个医疗相关的业务,传感器数据传递上来需要实现示波器的效果,心电图的效果,目前交付效果还算理想,于是封装了一下,方便自己以后使用,也给大家分享一下
二、效果图
图一是心电图效果,图二是一个滚动的波形图
三、功能实现
(一)绘制背景网格
为了让他看上去像示波器上的数据,我们先绘制一层网格背景,看上去似乎就有那么点意思了
在onLayout函数中获取控件宽高,然后除以默认网格的宽高,得出需要绘制横线和竖线的数量/** 根据网格的单位长宽,获取能绘制网格横线和竖线的数量*/gridHorizontalNum = (int) (mHeight / GRID_WIDTH);gridVerticalNum = (int) (mWidth / GRID_WIDTH);
在onDraw函数中,通过for循环,来一条条绘制横线和竖线/*** 绘制网格** @param canvas*/private void drawGrid(Canvas canvas) {/** 设置颜色*/mLinePaint.setColor(gridLineColor);/** 绘制横线*/for (int i = 0; i < gridHorizontalNum + 1; i++) {canvas.drawLine(0, i * GRID_WIDTH,mWidth, i * GRID_WIDTH, mLinePaint);}/** 绘制竖线*/for (int i = 0; i < gridVerticalNum + 1; i++) {canvas.drawLine(i * GRID_WIDTH, 0,i * GRID_WIDTH, mHeight, mLinePaint);}}
网格是静态的,所以绘制起来比较简单
(二)绘制折线
折线的绘制有两种模式,也就是效果图上下两种效果的区别
原理也比较简单1、首先和绘制网格一样,在onLayout函数中根据每段数据线条的跨度,算出当前view能绘制多少条直线
同时创建一个浮点类型的数组,用于保存每次传进来的数据/** 根据线条长度,最多能绘制多少个数据点*/row = (int) (mWidth / WAVE_LINE_WIDTH);dataArray = new float[row + 10];
2、来看数据的保存方式
心电图效果的保存方式是创建了一个索引,每次绘制后自增,索引达到数组的最大值时,赋值为0
也就实现了循环的效果
普通的滚动效果的,就是删除第一个,新增的数据添加至数组的末尾/*** 添加新的数据*/public void showLine(float line) {if (draw_index >= row) {draw_index = 0;}switch (drawMode){case 0:/** 常规模式数据添加至最后一位*/dataArray[row - 1] = line;break;case 1:/** 循环模式数据添加至当前绘制的位*/dataArray[draw_index] = line;break;}postInvalidate();}
3、绘制折线的流程
默认最大值为20,以view高度的一半处为0,下方是-20,上方是+20
x没什么好说的,就是i*单位宽度
y则为高度的一半减去数组中数据占view一半高度的比重
将所有的点坐标传入Path类中,最后使用Canvas的drawPath函数就可以绘制出想要有的效果了/*** 取数组中的指定一段数据来绘制折线* @param start 起始数据位* @param end 结束数据位* */private void drawPathFromDatas(Canvas canvas, int start, int end){mPath.reset();mPath.moveTo(start * WAVE_LINE_WIDTH, mHeight / 2);for (int i = start; i < end; i++) {nowX = i * WAVE_LINE_WIDTH;float dataValue = dataArray[i];/** 判断数据为正数还是负数 超过最大值的数据按最大值来绘制*/if (dataValue > 0) {if (dataValue > MAX_VALUE) {dataValue = MAX_VALUE;}} else {if (dataValue < -MAX_VALUE) {dataValue = -MAX_VALUE;}}nowY = mHeight / 2 - dataValue * (mHeight / (MAX_VALUE * 2));mPath.lineTo(nowX, nowY);}canvas.drawPath(mPath, mWavePaint);}
四、如何使用
(一)添加库allprojects {repositories {...maven { url 'https://jitpack.io' }}}dependencies {implementation 'com.github.Giftedcat:Waveform:1.0'}
(二)布局文件<?xml version="1.0" encoding="utf-8"?>
xml中可使用的参数<?xml version="1.0" encoding="utf-8"?>
(三)向波形图中添加数据data = new Random().nextFloat()*(20f)-10f;waveShowView.showLine(data);//取得是-10到10间的浮点数
源码地址:
https://github.com/Giftedcat/Waveform
到这里就结束啦.
android 波形图 动态,Android实现动态滚动波形图(心电图)功能相关推荐
- android 自定义心电图,Android如何实现动态滚动波形图(心电图)功能
一.前言 最近涉及的某个医疗相关的业务,传感器数据传递上来需要实现示波器的效果,心电图的效果,目前交付效果还算理想,于是封装了一下,方便自己以后使用,也给大家分享一下 二.效果图 图一是心电图效果,图 ...
- android 自定义心电图,Android动态滚动波形图(心电图)的实现
一.前言 2021年的第一天,这也是我今年发布的第一篇博客,为了达成在元旦当天发布博客的成就,在大家欢庆元旦的时候,我忙忙碌碌的写了一整天的代码,祝愿自己新的一年,一帆风顺,牛气冲天 说远了,聊一下今 ...
- android 动态字幕,Android之如何用TextView实现滚动字幕的效果【跑马灯】
TextView 实现滚动字幕效果[跑马灯效果]: android:ellipsize="marquee"//可滚动,star(头部),middle(中部),end(尾部) 超出显 ...
- Android仿手机QQ空间动态评论,自动定位到输入框
手机QQ空间浏览好友动态时,可以直接对动态评论,点击某条评论,动态列表自动滚动,使输入框刚好在该评论下面,而不会覆盖住评论内容.如下图所示, 首先要实现输入框刚好在输入面板上面,且动态列表不会被挤上去 ...
- [Android] 通过GridView仿微信动态添加本地图片
原文:http://blog.csdn.net/eastmount/article/details/41808179 前面文章讲述的都是"随手拍"中图像处理的操作,此篇文章主要讲述 ...
- Android应用开发—TextView的动态创建
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/voidreturn/article/details/77131800 动态创建TextView的两种 ...
- Android 如何在xmL 里面动态设置padding
如题,Android 如何在xmL 里面动态设置padding 有时候,你的布局加载完成之后,你findViewByid 找到控件,设置padding 会导致白条,布局闪动,那怎么办呢? 你是不是就想 ...
- 【Android 逆向】Android 进程注入工具开发 ( 注入代码分析 | 注入工具收尾操作 | 关闭注入的动态库 | 恢复寄存器 | 脱离远程调试附着 )
文章目录 一.dlclose 函数简介 二.关闭注入的 libbridge.so 动态库 三.恢复寄存器 四.脱离远程调试附着 一.dlclose 函数简介 dlclose 函数的作用是 卸载一个 指 ...
- 【Android 逆向】Android 进程注入工具开发 ( 注入代码分析 | 获取注入的 libbridge.so 动态库中的 load 函数地址 并 通过 远程调用 执行该函数 )
文章目录 一.dlsym 函数简介 二.获取 目标进程 linker 中的 dlsym 函数地址 三.远程调用 目标进程 linker 中的 dlsym 函数 获取 注入的 libbridge.so ...
- 【Android 逆向】Android 进程注入工具开发 ( 注入代码分析 | 远程调用 目标进程中 libc.so 动态库中的 mmap 函数 三 | 等待远程函数执行完毕 | 寄存器获取返回值 )
文章目录 前言 一.等待远程进程 mmap 函数执行完毕 二.从寄存器中获取进程返回值 三.博客资源 前言 前置博客 : [Android 逆向]Android 进程注入工具开发 ( 注入代码分析 | ...
最新文章
- linux 内存显示括号内字母的含义
- 【网络编程】一张图了解TCP/IP协议
- 极速理解设计模式系列:2.观察者模式(Observer Pattern)
- PHP中file_put_contents()函数的兼容性问题
- 设计模式之观察者模式在Listview中的应用
- [ARM] ARM处理器寻址方式
- Mybatis_day2_Mybatis的参数深入
- 【转】一致性hash算法与server列表维护
- bzoj:2331: [SCOI2011]地板
- Linux进程突然挂死,小玩意:如何让linux上挂死的进程重启?
- gd32f303 设计中断优先级_RTOS内核的设计与实现
- 计算机原理的教学,计算机组成原理教学方法探析
- 硬件编程-----根据时序图写C语言驱动
- 444 nginx_nginx发布静态资源
- day 21 C# 窗体绘制一个正方体
- Oracle数据库之PL/SQL程序设计基础
- linux下查看eml类型文件
- xcode14 Command Swift Driver Compilation Requirements emitted errors but did not ret
- 恋练有词_词汇精讲3
- CS61A Homework3
热门文章
- 台式计算机硬盘英寸,给力:为什么笔记本电脑机械硬盘比台式机械硬盘贵?
- JUC - ReentrantReadWriteLock 源码分析
- HR经理应该掌握的5个原则
- 笔记《白帽子讲Web安全》吴翰清
- OSG 飞机路径动画控制
- linux内核编译 kbuild,Linux内核编译系统kbuild简介
- 我的世界电脑java版服务器,《我的世界》中国版PC Java版不限号 Hypixel闪电饥饿游戏...
- 实战案例————众筹
- beautifulsoup爬取网页中的表格_Python爬虫爬取BT之家找电影资源
- 为什么要选择react