swift实现图片下拉放大,导航栏渐变效果

来源:互联网 发布:网络麻将赌博是那一款 编辑:程序博客网 时间:2024/04/29 09:18

最近的一个项目需要实现图片下拉放大的效果,并且导航栏有渐变的效果。这种效果在很多App里面已经很常见了,体验也比较好。今天就自己写了一个。先上图看看效果。

做的比较粗糙,但是基本的效果还是实现了的。下面我就说一下这个实现这个效果的思路。

第一、图片下拉放大,主要设置图片的一个两个属性 contentMode 和 clipsToBounds,改变图片额高度和Y值来实现这个效果

第二、导航栏渐变主要是alpha 值的改变(导航栏其实就是一个自定义的View,上面同样加了一个按钮和标题,和控制器View上的位置重合)

第三、当导航栏是透明的时候,返回按钮和标题是加在控制器的View 上面的

第四、当tableView 往上面滚动的时候 根据偏移量Y 来改变alpha(注:tableView 的 contentInset 的top值  =  图片的高度)

第五、当图片刚好要消失的时候,改变导航栏上面按钮的图片和标题颜色即可

下面直接上代码

1、顶部视图的初始化,注意Y值和两个属性

2、注意tableView的contentInset

3、监测tableView的滚动情况做出对应的改变

这个功能基本实现了,刚开始我也研究了半天,主要是要思路清晰。上面便是我的实现方式了,可能有点复杂,如果有朋友有更简单的实现方式,希望不吝赐教。

代码地址:点击打开链接

1 0