底牌项目中的上传牌谱功能之将视图生成图片
2016-09-19 17:04
218 查看
在项目版本迭代过程中增添了牌谱的功能,在初次看到需求文档的时候首先感到的难点是生成图片的功能。
项目需求:用户自己编辑一个牌谱,然后生成图片保存到自己的牌谱中。
之前并没有深入地了解过这一块,于是参考类似的App,上网查找相关资料,最终解决了这个难点。
先看效果图:
界面的搭建很简单,说一下个人思路。
思路:
在编辑页面编辑完成后,要进行预览,预览的应该是一张图片(因为当点击完成的时候,图片就能在我的牌谱中显示了,且是以图片的方式显示),但我在预览页面放的并不是一张图片,而是一个视图UIView,在点击完成的时候将视图生成图片同时进行上传。
从编辑页到预览页,将编辑页面的编辑内容传递给预览页面,然后在预览页面进行布局。布局完成之后,将视图生成图片。代码:
UIGraphicsBeginImageContextWithOptions(_pokerV.bounds.size,
NO,
0);
[_pokerV.layer
renderInContext:UIGraphicsGetCurrentContext()];
UIImage *viewImage =
UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
以上代码只是生成图片的代码,此时我们将可以将viewImage进行上传,从而显示在我们的牌谱中。
看代码确实很简单,只是以前没怎么接触过,所以预估完成时间稍微多了几天
。
视图生成图片这一块涉及到了图层的知识,有时间可以了解了解图层的内容。
项目需求:用户自己编辑一个牌谱,然后生成图片保存到自己的牌谱中。
之前并没有深入地了解过这一块,于是参考类似的App,上网查找相关资料,最终解决了这个难点。
先看效果图:
界面的搭建很简单,说一下个人思路。
思路:
在编辑页面编辑完成后,要进行预览,预览的应该是一张图片(因为当点击完成的时候,图片就能在我的牌谱中显示了,且是以图片的方式显示),但我在预览页面放的并不是一张图片,而是一个视图UIView,在点击完成的时候将视图生成图片同时进行上传。
从编辑页到预览页,将编辑页面的编辑内容传递给预览页面,然后在预览页面进行布局。布局完成之后,将视图生成图片。代码:
UIGraphicsBeginImageContextWithOptions(_pokerV.bounds.size,
NO,
0);
[_pokerV.layer
renderInContext:UIGraphicsGetCurrentContext()];
UIImage *viewImage =
UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
以上代码只是生成图片的代码,此时我们将可以将viewImage进行上传,从而显示在我们的牌谱中。
看代码确实很简单,只是以前没怎么接触过,所以预估完成时间稍微多了几天
。
视图生成图片这一块涉及到了图层的知识,有时间可以了解了解图层的内容。
相关文章推荐
- 车型库项目图片批量上传功能
- java web项目中上传文件、图片、freemarker生成静态页面路径问题
- 图片上传的功能简介及web.config设置(自动生成所略图)
- newstyles项目实战(九)图片的上传功能实现(二)
- asp.net上传图片自动生成缩略图功能代码
- fastdfs 新添加一个项目的图片目录 实现独立的上传下载功能
- 商城项目实战21:实现图片上传功能
- 底牌项目中上传牌谱功能之编辑标准模式
- asp.net上传图片+自动生成缩略图+图片水印功能
- 项目中第一次做图片上传和下载功能过程>>>
- asp.net上传图片+自动生成缩略图+图片水印功能
- 项目上传服务器后,图片上传功能不能用了?附件不能成功上传。
- 上传图片及生成小图片功能源码
- winform实现为web项目上传图片的功能
- spring mvc 多文件 上传 按天生成目录 ,删除,限制为图片代码,实际项目中应用代码
- PHP学习笔记(十二):$_FILES超级全局变量(借助网上社区项目的上传图片功能进行介绍)
- thinkPHP实现上传图片及生成缩略图功能示例
- js无刷新上传图片,服务端有生成缩略图,剪切图片,iphone图片旋转判断功能
- 底牌项目中的选择牌谱上传功能--深刻理解UITableView复用
- 在ASP.NET项目中使用CKEditor +CKFinder实现图片上传功能