开源项目Running Life 源码分析(二)

小小回顾

上一篇分析了项目的大体框架和跑步模块一些关键技术的实现。今天这篇是Running Life源码分析的第二篇,主要探讨以下问题:
1、HealthKit框架的使用;
2、贝塞尔曲线+帧动画实现优雅的数据展示界面;
3、实现一个view的复用机制解决内存暴涨的问题;

HealthKit

2014年6月2日召开的年度开发者大会上,苹果发布了一款新的移动应用平台,可以收集和分析用户的健康数据,苹果命名为“Healthkit ”。它管理着用户得健康数据,包括用户走路的步数、消耗的卡路里、体重、身高等等。相信大多数微信用户都知道微信运动这个功能,每天和好友PK自己的走路的步数,其实在iOS端的微信不做步数统计,它的数据源来自Healthkit。
那如何引入这个框架呢?
首先你要在你的App ID设置那里选择支持HealthKit,然后在Xcode做相应的设置:

11563e716367ac88566233dced5f57e140
这样基本的配置工作就结束了,接下就是码代码了:
我将SDK和框架的相关注册工作分离到“SDKInitProcess.h”这个文件,这样做是为了方便对SDK注册管理,此外还可以给AppDelegate瘦身。注册如下:

HKObjectType是你想从HealthKit框架获取的数据类型,针对我们的项目,我们需要获取距离数据。
我将获取HealthKit数据封装在工具类的HealthKitManager中,代码如下:

第一个方法是从HealthKit获取每个月份的距离数据,我来带大家看具体的实现代码:

第一个方法相关讲解我已经写在注释里;
第二个方法是根据healthKit获取的距离数据计算出卡路里数据,它是根据以下公式计算得的:
卡路里(kcal) = 公里数(km) 体重(kg) 1.036
那么HealthKit的相关讲解就到这里,想了解更多内容可以戳这里

数据展示界面

效果如下:

效果图

上面的日历控件不难实现,由NSCalendar + UICollectionView实现,就不展开讲了。这里主要分析的下面那个坐标图以及动画效果如何实现。
实现的关键点:CAShapeLayer、UIBezierPath、CABasicAnimation
实现的代码在”RecordShowView.m”这个类中:

坐标系的绘画:

CAShapeLayer本身没有形状,它的形状来源于你给定的一个路径,我们可以通过UIBezierPath指定路径绘画出各种各样的形状。我们实现的效果只需要通过画线就可以完成,moveToPoint方法指定线的起点,addLineToPoint指定线的终点,这样就可以确定一条线。最后将CAShapeLayer添加到父view的图层就可以显示出来了。

柱状图的绘画

实现代码如下:

遍历数组计算出每个柱状图的高度,根据高度设置绘画的路径,路径确定后,给layer添加一个动画效果,这个动画其实就是柱状图的绘画过程,注意这里动画keyPath是strokeEnd。
这个方法外部不能直接调用,而是通过设置柱状图的数值数组来间接调用。大家可以看下数值数组的setter方法,这里又有一个要注意的点,就是设置新的柱状图的时候,要移除旧的柱状图:

设计View复用机制

应用有这样一个使用场景,用户可以点击日历的某一天查看那一天的跑步记录,每次记录都会生成一张小卡片,左右滑动可以查看每一次跑步记录:

13fa4e3839f05bb2b4737db289edbda35e
如果卡片视图是直接根据记录new出来,当记录一多就会造成内存暴涨,严重时会crash。所以我设计了一个View的复用机制,解决这种多page视图复用的问题。
源码在”XDPageView.m”文件中,大家可以看下头文件提供方法,已做注释:

以下设计思路:
1、创建两个容器,一个用于装可见视图,最大容量为2,我们假设当前页面和下一页面属于可见;一个用于装复用视图,最大容量为1。为了记录可见视图的下标(方便判断页面状态,页面是属于当前页、上一页还是下一页),装可视图的容器,我使用字典来设计;对于复用池里的视图无需考虑页面的状态和顺序,所以我使用集合来设计:

2、每当滑进一个页面,滑出的页面装入复用容器,当前页面和下一页面装入可见容器(下一页属于即将可见,它复用“复用容器”里的视图,复用视图一旦被使用就移出“复用容器”):

小结

项目的主要细节已经分析完,大家有什么的地方不懂或者有疑问的,可以在github issue 我或者在评论区提出。
项目地址:github.com/caixindong/Running-Life—iOS
下一篇博文预告:XDNetworking网络框架的设计及源码分析。

1 收藏 评论

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部