iOS在OC項目中集成Charts繪制圖表框架

leer8647 8年前發布 | 122K 次閱讀 IOS iOS開發 移動開發

Charts以一款用于繪制圖表的框架,可以繪制柱狀圖、折線圖、K線圖、餅狀圖等. 由于Charts只有Swift版本,所以在這里詳細的講一下在OC項目中怎么導入Charts框架,下面開始一步一步做!

一、下載Charts框架

下載地址:https://github.com/danielgindi/Charts.
解壓后的文件夾里面的內容是這個樣子的,如下圖:

iOS在OC項目中集成Charts繪制圖表框架

解壓后的文件夾里面的內容

下載完成后,仔細看一下所需環境,很重要!如下圖:

iOS在OC項目中集成Charts繪制圖表框架

所需的配置環境

二、新建工程,導入Charts.xcodeproj工程

1.新建工程

新建工程,取名為ImportChartsDemo.

2.復制Charts整個文件到ImportChartsDemo工程中

Charts在哪里?在這里,如下圖:

iOS在OC項目中集成Charts繪制圖表框架

Charts文件位置

然后把Charts文件復制到ImportChartsDemo工程中去,如下圖;

iOS在OC項目中集成Charts繪制圖表框架

復制 Charts整個文件到 ImportChartsDemo工程中

3.導入Charts.xcodeproj工程

Charts文件夾中的Charts.xcodeproj工程文件導入到ImportChartsDemo工程中,注意導入的是Charts.xcodeproj工程,而不是Charts文件夾,如下圖:

iOS在OC項目中集成Charts繪制圖表框架

導入Charts.xcodeproj工程

4.添加Charts.framework

找到General->Embedded Binaries,點擊+號添加Charts.framework,如下圖:

iOS在OC項目中集成Charts繪制圖表框架

Embedded Binaries位置

添加的iOS的framework,如下圖:

iOS在OC項目中集成Charts繪制圖表框架

添加 Charts.framework

三、建立OC和Swift的橋接文件

ImportChartsDemo工程中新建一個Swift文件,名字隨便取,這時候會提示是否建立橋接文件,直接選Create Bridging Header選項,如下圖:

iOS在OC項目中集成Charts繪制圖表框架

建立橋接文件


新建完成后,會自動生成一個橋接文件,如下圖:

iOS在OC項目中集成Charts繪制圖表框架

自動生成的橋接文件

四、設置編譯選項及引入Charts

1.設置編譯選項

找到Build Settings -> Embedded Content Contains Swift Code 選項,設置為Yes,如下圖:

iOS在OC項目中集成Charts繪制圖表框架

設置編譯選項

2.在橋接文件中引入Charts

如下圖:

iOS在OC項目中集成Charts繪制圖表框架

引入Charts

3.在ViewController.m中引入相關頭文件

如下圖:

iOS在OC項目中集成Charts繪制圖表框架

引入頭文件

引入完成之后,編譯一下,如果有錯,Clean一下再次編譯,編譯沒有錯誤說明導入成功.

五、測試

ViewController.m中進行測試,代碼如下:

BarChartView *chatView = [[BarChartView alloc] initWithFrame:CGRectMake(10, 100, 300, 300)];
[self.view addSubview:chatView];

運行效果如下:

iOS在OC項目中集成Charts繪制圖表框架

運行結果

由于沒有給數據,所以顯示的是No chart date aviailable.
至此,集成Charts完畢!
Demo地址:https://coding.net/u/wanglei123/p/ImportChartsDemo/git.

文/jianshu_wl(簡書)

 本文由用戶 leer8647 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!