iOS个人界面设计

最近项目用到下面这样的效果,就总结下:

用到的知识点:1.高斯模糊

                           2.像素平铺(坐标计算)

                           3.上传头像

前面小图是头像,后面大图是头像的大图进行模糊 这个是点击头像弹出的模态视图

1.首先模糊我用的是高斯模糊

需要导入GPUImage库

这里的红框表示对图片进行模糊,这里是耗时的主要来源,于是采用GCD多线程进行改进,但是效果不是很明显,知道如何改善的伙伴提个醒,谢谢.[备注]:里面的saveImage你可以先用本地图片体验下._imageV表示上面动图中要模糊的背景图imageView.

2.家下来看下下拉图片放大效果实现

_imageV是背景大图 在UIScrollViewDelegate方法中实现

3.上传头像

在这里首先将上传的图片保存到本地一份.下次进来直接在本地找,本地没有的话再请求网络图片

这里是需要准守的代理 上传头像UI 在这里判断设备是否支持摄像头,有的话显示相机,没的话不显示相机 这里是弹出的AlertSheet样式 上传服务器之前先保存到本地 这里使用到AFN里面的constructingBodyWithBlock:方法.上传形式是data流形式.需要和后台协商好里面的name,fileName名字的统一 这里是将图片保存到本地的方法