iOS个人界面设计

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

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

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

                           3.上传头像

前面小图是头像,后面大图是头像的大图进行模糊


这个是点击头像弹出的模态视图

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

iOS个人界面设计_第1张图片
需要导入GPUImage库

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

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


iOS个人界面设计_第2张图片
_imageV是背景大图
iOS个人界面设计_第3张图片
在UIScrollViewDelegate方法中实现

3.上传头像

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

iOS个人界面设计_第4张图片
这里是需要准守的代理
iOS个人界面设计_第5张图片
上传头像UI


iOS个人界面设计_第6张图片
在这里判断设备是否支持摄像头,有的话显示相机,没的话不显示相机
iOS个人界面设计_第7张图片
这里是弹出的AlertSheet样式
iOS个人界面设计_第8张图片
iOS个人界面设计_第9张图片
上传服务器之前先保存到本地
iOS个人界面设计_第10张图片
这里使用到AFN里面的constructingBodyWithBlock:方法.上传形式是data流形式.需要和后台协商好里面的name,fileName名字的统一
iOS个人界面设计_第11张图片
这里是将图片保存到本地的方法

你可能感兴趣的:(iOS个人界面设计)