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

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

作者: 互动教程网 | 来源:发表于2018-04-12 20:40 被阅读10次

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

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

    image

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

    image

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

    image

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

    image

    image

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

    image

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

    image

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

    image

    image

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

    apps8 2.png

    相关文章

      网友评论

        本文标题:3.7 创建一个饼形图表并导出图表为PNG图片 [iOS开发中的

        本文链接:https://www.haomeiwen.com/subject/viwfkftx.html