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
- swift实现图片下拉放大,导航栏渐变效果
- 实现图片下拉放大和导航栏头像缩放效果
- UITableView头部ImageView下拉放大效果,导航栏透明渐变
- swift中tableView导航栏渐变和下拉变大效果
- 导航栏渐变透明&下拉image放大
- iOS开发 导航栏渐变 图片下拉放大 导航栏移动 仿QQ 微博 知乎导航栏
- Swift 图片下拉放大
- 下拉UITableview实现图片放大效果
- 一行代码搞定:下拉放大图片, 导航栏颜色渐变, 添加子控制器, 左右滑动同时切换按钮
- 图片下拉放大 导航栏下拉隐藏 上拉出现
- iOS 下拉 图片放大 swift
- 导航栏下拉渐变
- 如何实现渐变导航栏效果
- ios下拉放大图片效果
- iOS_下拉图片放大效果
- 图片下拉缩小放大效果
- 下拉放大图片的效果
- 导航栏渐变效果
- OpenStack setuptools+pbr软件打包管理
- linuxshell脚本shell if [ -d filename]
- 华为机试——删除字符串中的数字
- FreeRTOS系列第12篇---FreeRTOS任务应用函数
- meta标签详解
- swift实现图片下拉放大,导航栏渐变效果
- 日期处理
- min(case..,rank over--工作备忘2016/1/9
- iOS 代理反向传值
- 定义与声明的区别
- [电视与电脑]电视广告的价值
- 58868
- Spark的部署模式
- php冒泡排序算法和快速排序算法