iOS心率图血压图绘制组件

iOS 自定义图表的好资源还真不多,uiview-master这个项目算是里面比较靠谱的一个,专门搞心率图和血压图的。界面走的是那种简洁实用风,逻辑清晰,关键是代码好读,好改,适合自己魔改成产品用。

UIView 子类的定制能力被用得挺溜,图表主要是用draw(_ rect: CGRect)配合Core Graphics手动绘制的。心率用的是折线,血压图你可以改成柱状或者双线都行,看数据特性。CGContext那几个经典函数都用上了,比如move(to:)addLine(to:)

实时性这块也没拉胯,用CADisplayLink或者NSTimer来驱动刷新,setNeedsDisplay()一调用图就动了。你要是做健康类 App,这种思路适合动态数据展示。

历史数据的管理也蛮清晰的,直接用数组最近的数据窗口。如果你是接HealthKit或者硬件设备的数据,只需要按格式塞进去就能跑。数据量大的时候注意做点缓存和滑动窗口优化,别一次全画上去。

血压图那块还考虑了收缩压和舒张压的区别,建议你画的时候用不同颜色区分,别让用户看花了。再加上触摸交互,比如点一下显示数值,滑动查看历史,贴心。

顺便贴几个相关资源,如果你还想搞图表动画或者轮播图效果可以一起参考:

如果你在做健康监测 App,想要一套能实时展示心率和血压数据的图表组件,这个项目值得你仔细研究一波。

rar 文件大小:114.21KB