3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]

1. 本节课将为您演示,如何创建一个饼型图表,并将图表导出为一张图片。首先在左侧的项目导航区,打开视图控制器的代码文件。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第1张图片
image

2. 现在开始编写代码,创建一个饼型图表。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第2张图片
image

3. 在当前的类文件中,引入已经安装的第三方类库。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第3张图片
image

4. 创建一个图表数据记录类型的数组。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第4张图片
image

5. 然后往数组中,依次添加四条数据,分别表示环型图表各区域的比例。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第5张图片
image

6. 创建一个饼图数据集,并设置数据集的值域和标签文字。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第6张图片
image

7. 由于饼型图表分为四部分,这里依次设置这四个部分的填充颜色。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第7张图片
image

8. 创建一个指定显示区域的饼型图表视图。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第8张图片
image

9. 设置图表视图的背景颜色为无色。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第9张图片
image

10. 设置饼型图表所显示的数据内容。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第10张图片
image

11. 接着在饼型图表的中心位置,添加一个文字标签,并设置文字的内容。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第11张图片
image

12. 然后设置图表的描述信息。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第12张图片
image

13. 初始化一个字符串,表示图表导出成图片之后的存储位置。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第13张图片
image

14. 调用图表的存储方法,将图表导出为图片,并设置图片的格式和压缩程度,图片将被保存到沙箱中的指定的文档目录。同时在控制台输出图片的路径信息。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第14张图片
image

15. 将配置好的图表,添加到根视图中,然后点击左上角的[编译并运行]按钮,启动模拟器预览项目。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第15张图片
image

16. 在弹出的模拟器中,显示了一张具有不同颜色的饼形图表,并且拥有标题和描述信息。现在关闭模拟器,查看图表导出后的图片文件。

17. 在左侧的圆点处按下手指,并向右侧拖动,以选择图片所在的路径。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第16张图片
image

18. 同时按下键盘上的快捷键,拷贝选择的内容。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第17张图片
image

19. 使用键盘上的快捷键,并切换至文件夹。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第18张图片
image

20. 依次点击[前往 > 前往文件夹]命令,打开文件夹跳转窗口。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第19张图片
image

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第20张图片
image

22. 在弹出的前往文件夹窗口中,使用键盘上的快捷键,粘贴刚刚复制的内容。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第21张图片
image

23. 接着点击前往按钮,跳转到图片所在的位置。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第22张图片
image

24. 按下键盘上的空格键,预览该图片,并结束本节课程。

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第23张图片
image

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第24张图片
image

本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器]_第25张图片
apps8 2.png

你可能感兴趣的:(3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的神兵利器])