iOS在OC項目中集成Charts繪制圖表框架
Charts以一款用于繪制圖表的框架,可以繪制柱狀圖、折線圖、K線圖、餅狀圖等. 由于Charts只有Swift版本,所以在這里詳細的講一下在OC項目中怎么導入Charts框架,下面開始一步一步做!
一、下載Charts框架
下載地址:https://github.com/danielgindi/Charts.
解壓后的文件夾里面的內容是這個樣子的,如下圖:
解壓后的文件夾里面的內容
下載完成后,仔細看一下所需環境,很重要!如下圖:
所需的配置環境
二、新建工程,導入Charts.xcodeproj
工程
1.新建工程
新建工程,取名為ImportChartsDemo
.
2.復制Charts
整個文件到ImportChartsDemo
工程中
Charts
在哪里?在這里,如下圖:
Charts
文件位置
然后把Charts
文件復制到ImportChartsDemo
工程中去,如下圖;
復制 Charts
整個文件到 ImportChartsDemo
工程中
3.導入Charts.xcodeproj
工程
將Charts
文件夾中的Charts.xcodeproj
工程文件導入到ImportChartsDemo
工程中,注意導入的是Charts.xcodeproj
工程,而不是Charts
文件夾,如下圖:
導入Charts.xcodeproj
工程
4.添加Charts.framework
找到General->Embedded Binaries,點擊+號添加Charts.framework
,如下圖:
Embedded Binaries位置
添加的iOS的framework,如下圖:
添加 Charts.framework
三、建立OC和Swift的橋接文件
在ImportChartsDemo
工程中新建一個Swift文件,名字隨便取,這時候會提示是否建立橋接文件,直接選Create Bridging Header
選項,如下圖:
建立橋接文件
新建完成后,會自動生成一個橋接文件,如下圖:
自動生成的橋接文件
四、設置編譯選項及引入Charts
1.設置編譯選項
找到Build Settings -> Embedded Content Contains Swift Code 選項,設置為Yes,如下圖:
設置編譯選項
2.在橋接文件中引入Charts
如下圖:
引入Charts
3.在ViewController.m
中引入相關頭文件
如下圖:
引入頭文件
引入完成之后,編譯一下,如果有錯,Clean一下再次編譯,編譯沒有錯誤說明導入成功.
五、測試
在ViewController.m
中進行測試,代碼如下:
BarChartView *chatView = [[BarChartView alloc] initWithFrame:CGRectMake(10, 100, 300, 300)];
[self.view addSubview:chatView];
運行效果如下:
運行結果
由于沒有給數據,所以顯示的是No chart date aviailable.
至此,集成Charts
完畢!
Demo地址:https://coding.net/u/wanglei123/p/ImportChartsDemo/git.
文/jianshu_wl(簡書)