最近项目用到下面这样的效果,就总结下:
用到的知识点:1.高斯模糊
2.像素平铺(坐标计算)
3.上传头像
前面小图是头像,后面大图是头像的大图进行模糊
这个是点击头像弹出的模态视图
1.首先模糊我用的是高斯模糊
需要导入GPUImage库
这里的红框表示对图片进行模糊,这里是耗时的主要来源,于是采用GCD多线程进行改进,但是效果不是很明显,知道如何改善的伙伴提个醒,谢谢.[备注]:里面的saveImage你可以先用本地图片体验下._imageV表示上面动图中要模糊的背景图imageView.
2.家下来看下下拉图片放大效果实现
_imageV是背景大图
在UIScrollViewDelegate方法中实现
3.上传头像
在这里首先将上传的图片保存到本地一份.下次进来直接在本地找,本地没有的话再请求网络图片
这里是需要准守的代理
上传头像UI
在这里判断设备是否支持摄像头,有的话显示相机,没的话不显示相机
这里是弹出的AlertSheet样式
上传服务器之前先保存到本地
这里使用到AFN里面的constructingBodyWithBlock:方法.上传形式是data流形式.需要和后台协商好里面的name,fileName名字的统一
这里是将图片保存到本地的方法
