在Xcode8使用OC调用Charts绘制图表(工程配置篇)

Xcode8集成Charts

1.首先咱们先在Github下载一个最新的Charts,然后新建一个OC的工程,名字随便取了,别问我为什么不用cocoapods,因为我的电脑cocoapods一直都不好用,都是别人把带cocoapods的工程发给我才用,哈哈哈,另外cocoapods集成charts也有坑,安装的时候可以百度下如何解决。

在Xcode8使用OC调用Charts绘制图表(工程配置篇)_第1张图片
charts和自己新建的工程.png

2.在刚才新建工程中新建一个swift文件,这步一定要在导入charts之前做,因为这样避免以后可能需要自己建议桥接文件,这也是多次配置总结出来的,swift文件名字随便取一个就好了。

在Xcode8使用OC调用Charts绘制图表(工程配置篇)_第2张图片
建立swift文件.png

在Xcode8使用OC调用Charts绘制图表(工程配置篇)_第3张图片
避免自己建立桥接文件的好处.png

点击确定时候你就会发现Xcode问你需不需要建立一个什么什么的文件吧啦吧啦吧啦的,选最后一个然后就ok了,这时候就会在工程里面发现俩个已经建立好的文件。

在Xcode8使用OC调用Charts绘制图表(工程配置篇)_第4张图片
建立好的swift与桥接文件.png

将Charts-master这个文件夹拖进自己的工程,也可以删除Charts-master这个文件夹俩个多余的工程。

复制文件到自己的工程中.png
在Xcode8使用OC调用Charts绘制图表(工程配置篇)_第5张图片
删除多余的文件.png

然后将Charts.xcodeproj拖进工程中


在Xcode8使用OC调用Charts绘制图表(工程配置篇)_第6张图片
charts拖进工程.png

桥接文件引入Charts


在Xcode8使用OC调用Charts绘制图表(工程配置篇)_第7张图片
桥接文件引入charts.png

添加Charts框架到工程中

在Xcode8使用OC调用Charts绘制图表(工程配置篇)_第8张图片
添加charts的framework.png

最好的设置


在Xcode8使用OC调用Charts绘制图表(工程配置篇)_第9张图片
将Defines Module 设为YES.png

然后在ViewController引入#import "Charts/Charts.h"进行代码调试

  BarChartView *chatView = [[BarChartView alloc] initWithFrame:CGRectMake(5, 5, [UIScreen mainScreen].bounds.size.width - 10, [UIScreen mainScreen].bounds.size.height - 10)];   
 [self.view addSubview:chatView];

最好你就发现模拟器出现了一行文字,就说明工程已经配置好了,可以开心的在Xcode上使用OC调用Charts了。


在Xcode8使用OC调用Charts绘制图表(工程配置篇)_第10张图片
编译配置调试结果.png

看到最后在Xcode8中配置Charts已经结束了,可以开心的撸代码了,后续还有绘制折线图、柱状图、柱状图和折线图混合绘制的一些经验,文字略粗糙,图片也是简单的截图,后续时间多了进行文章整理。

你可能感兴趣的:(在Xcode8使用OC调用Charts绘制图表(工程配置篇))