iOS心率图血压图绘制组件
iOS 自定义图表的好资源还真不多,uiview-master
这个项目算是里面比较靠谱的一个,专门搞心率图和血压图的。界面走的是那种简洁实用风,逻辑清晰,关键是代码好读,好改,适合自己魔改成产品用。
UIView 子类的定制能力被用得挺溜,图表主要是用draw(_ rect: CGRect)
配合Core Graphics手动绘制的。心率用的是折线,血压图你可以改成柱状或者双线都行,看数据特性。CGContext
那几个经典函数都用上了,比如move(to:)
、addLine(to:)
。
实时性这块也没拉胯,用CADisplayLink
或者NSTimer
来驱动刷新,setNeedsDisplay()
一调用图就动了。你要是做健康类 App,这种思路适合动态数据展示。
历史数据的管理也蛮清晰的,直接用数组最近的数据窗口。如果你是接HealthKit或者硬件设备的数据,只需要按格式塞进去就能跑。数据量大的时候注意做点缓存和滑动窗口优化,别一次全画上去。
血压图那块还考虑了收缩压和舒张压的区别,建议你画的时候用不同颜色区分,别让用户看花了。再加上触摸交互,比如点一下显示数值,滑动查看历史,贴心。
顺便贴几个相关资源,如果你还想搞图表动画或者轮播图效果可以一起参考:
如果你在做健康监测 App,想要一套能实时展示心率和血压数据的图表组件,这个项目值得你仔细研究一波。
114.21KB
文件大小:
评论区