前段时间一个朋友就折线图绘制的需求和我讨论,正好当时我不是很忙,就自己简单写了一个demo,原理是用QuartzCore绘制的.Demo截图如下:
111.gif
思路(其实很简单)
- 确定X轴和Y轴对应的数组
- 根据X轴和Y轴对应的数组,开启上下文绘制X轴和Y轴,其中具体的坐标值绘制位置需要细心计算
- 传入需要绘制的坐标的Y值数组
- 计算Y值数组对应在坐标轴上面的具体Y轴坐标,即在上下文中的位置,然后将字符串绘制上去
- 设置动画,将绘制的点依次连接
写在后面的话
这个demo仅仅是抛砖引玉的作用,当然感兴趣的可以继续完善封装,可以根据传入X轴Y轴坐标的极值以及分段数量更加灵活的活绘制坐标轴,或者根据所需绘制的坐标点数组的极值来绘制坐标轴等等.
网友评论