内容简介:如上图,控件主要包含了几个功能点1、绘制曲线2、填充曲线围绕部分
功能
如上图,控件主要包含了几个功能点
1、绘制曲线
2、填充曲线围绕部分
3、背后网格线
4、左侧的行标和下方的列标显示
如何使用
github地址: 封装一个简单的曲线图表视图XWCurveView ,使用步骤如下:
1、导入 XWCurveView.h
头文件
2、初始化控件,设置pointValues属性,该属性为所有的绘制点的值的数组,每个绘制点用字典表示,字典必须包含key值为 XWCurveViewPointValuesRowValueKey
和 XWCurveViewPointValuesColumnValueKey
分别代表横纵的值,
3、配置其他可选的属性值
4、调用 - (void)xw_drawCurveView;
进行绘制或者重绘曲线视图
原理
绘制原理很简单,使用了 CAShapeLayer
+ UIBezierPath
,我们需要将 pointValues
中的所有值转换成控件中的坐标值,然后根据坐标值得到path即能得到曲线,转换的时候需要考虑到每个点的坐标和横纵最值的关系,最值可以手动设置,但如果没设置,可以通过 pointValues
计算得到最值,背后的网格我使用了 CAReplicatorLayer
,这是创建重复控件的利器,下面是主要的代码
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- iOS小技巧·把子视图控制器的视图添加到父视图控制器
- CouchDB 视图简介及增量更新视图的方法
- c# – 将数据从部分视图传递到其父视图
- Django 基于函数的视图与基于类的视图
- 类视图
- laravel 基础教程 —— 视图
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。