Swift3 页面顶部实现拉伸效果代码
//懒加载 //顶部需要拉伸自定义视图lazy var headView:MyHeaderView = {//let hframe = CGRect(x: 0, y: 0, width: swidth, height: swidth/self.imgRation)// let hview = Bundle.main.loadNibNamed("MyInfoHeaderView", owner: nil, options: nil)?.first as! MyInfoHeaderView//return hview;}()//MARK:1)集合视图self.collectionView?.addSubview(self.headView) override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {if indexPath.section == 0 { //顶部返回一个空的celllet cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath)return cell}....func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {if indexPath.section == 0 {//顶部return CGSize(width: swidth, height:200.0 )} ....//MARK:2)列表视图self.tableView?.addSubview(self.headView) override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {if indexPath.section == 0 { //顶部返回一个空的cellvar cell = tableView.dequeueReusableCell(withIdentifier: reuseIdentifier)return cell!} ....override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {if indexPath.section == 0{return 200.0;} ....//MARK:拉伸效果实现位置override func scrollViewDidScroll(_ scrollView: UIScrollView) {let point = scrollView.contentOffset;if point.y <= 0 {//下拉//self.headView.frame.size.height = swidth/imgRation - point.y//self.headView.frame.size.width = self.headView.frame.size.height*imgRation//self.headView.frame.origin.x = (swidth - self.headView.frame.size.width)/2//self.headView.frame.origin.y = point.y//self.headView.titleImgLeft.constant = 18 - self.headView.frame.origin.x//self.mainNavView.backgroundColor = UIColor.clear//self.mainNavView.searImg.image = UIImage(named: "搜索框r")}else{//上推//if point.y >= (self.headView.frame.height - 64){//self.mainNavView.searImg.image = UIImage(named: "搜索框w")//self.mainNavView.searchText.backgroundColor = UIColor.white//}//self.headView.titleImgLeft.constant = 18// self.mainNavView.backgroundColor = UIColor(red:245/255.0, green:74/255.0, blue:48/255.0, alpha: point.y/(self.headView.frame.height - 64))}}
转载于:https://www.cnblogs.com/mapanguan/p/6386868.html
Swift3 页面顶部实现拉伸效果代码相关推荐
- html 下拉到一定位置,浏览器向下滚动到一定位置继续滚动时,侧边导航固定在页面顶部,再滚动到一定位置时页面再向下滚动侧边导航不再固定。这种效果怎么实现呢...
1.浏览器向下滚动到一定位置继续滚动时,侧边导航固定在页面顶部,再滚动到一定位置时页面再向下滚动侧边导航不再固定.页面向上滚动到一定位置继续滚动时,侧边导航保持在原来位置.这种效果怎么实现呢 2.. ...
- 点击a标签,跳转到同一页面的指定内容,类似于点击按钮回到页面顶部效果
点击a标签,跳转到同一页面的指定内容,类似于点击按钮回到页面顶部效果 这个效果实现方式很简单,只需要在a标签href内填上id名,在内容标签内加入id="名"便可. 下面是实现效果 ...
- 如何通过HTML标记或JS代码实现跳转返回页面顶部
本文介绍三款简单的返回页面顶部代码,可以使用简单的HTML锚标记,也可使用JavaScript Scroll函数动态返回,其它的还有悬浮脚本等有点复杂了,本文不再介绍,大家根据自己需要选择其中的一种即 ...
- 迅速返回页面顶部代码
<迅速返回页面顶部代码> <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: p ...
- 七天免登录(Cookie+session)+ 页面显示动画人物效果(萌娘+气泡效果)+购物车的实现代码
一.七天免登录(Cookie+session),基于实现jsp页面 页面效果:勾选7天免登录复选框,输入用户名和密码,点击登录即可,登录后可在cookie中查看用户登录信息,以及用户过期时间 1.登录 ...
- iOS-tableview顶部拉伸效果(头像拉伸)
例如探探个人信息界面拉伸效果,下拉头像放大 // // PersonController.m // Spread // // Created by qiuxuewei on 16/3/21. // C ...
- 阻尼效果总结(顶部图片放大效果)
顶部图片放大效果 接着上一篇的继续说,因为篇幅太长,所以切割了. 阻尼效果总结(上下左右拉动橡皮筋效果) 这次来看一个顶部图片放大的效果: 这个效果也很常见,说是很常见,但是我怎么没见到... 这里的 ...
- vue网页预加载页面_页面预加载效果
vue网页预加载页面 View demo 查看演示Download Source 下载源 Today we want to show you how to create a very simple p ...
- 获取元素到页面顶部的距离_jQuery 操作元素综合案例
好好学习,天天向上 本章主要内容是:固定导航返回顶部.楼梯效果 1.固定导航返回顶部 效果图: 示例代码: <!DOCTYPE html> <html> <head la ...
- 内置h5 调用safari系统浏览器打开_开发教我做设计:移动端H5页面中的橡皮筋效果...
什么是橡皮筋效果(Over Scroll)? 在浏览被H5与iOS客户端混合编程的页面时,由于Safari浏览器的特性,当H5页面滑动到页面顶部.页面底部的位置时,继续下拉/上拉H5网页会出现&quo ...
最新文章
- LeetCode简单题之交替合并字符串
- 七里香飘传来的幸福简单爱
- vue.js响应式原理解析与实现
- c++ opencv实现区域填充_帮你解锁一个新技能,opencv完美媲美PS,图片PS,我们代码实现...
- x264中I,P,B帧和PTS,DTS的关系
- Numpy统计计算、数组比较,看这篇就够了
- 用python写一个彩票过滤器_37.Python自定义过滤器
- 在vSphere 6.x vSAN数据存储上使用Oracle RAC(2121181)
- python canny算法_Python 实现 Canny 边缘检测算法
- 实录:VCS双机使用DiskReservation资源导致多路径失效
- 关于if嵌套性能的问题
- BZOJ1001 狼抓兔子(网络流转最短路:对偶图)
- 移动端开发H5页面点击按钮后出现闪烁或黑色背景的解决办法
- 伍斯特理工学院计算机博士招生,伍斯特理工学院计算机科学(计算机/沟通网络)理学硕士研究生申请要求及申请材料要求清单...
- 今天发布《看图玩儿》看图软件
- 浅析Marshmallow在flask中的应用
- 从天津滨海新区大爆炸、危化品监管聊聊 IT人背负的社会责任感
- 【c++程序】求解一元二次方程
- 跟着老万学linux运维-vi编辑器中的大小写转换技巧
- 蓝牙BLE芯片PHY6222之烧录以及调试