tableView 头部 下拉缩放

iOS TableView头视图根据偏移量下拉缩放的效果实现 在做项目时,一些TableView的地方会使用到下拉TableView让HeardView头视图随其偏移量的变化而变化,之前做过一次但没记录下来。现在做的时候总是遇到一些问题,比如下拉时是以原点向左右两边放大,这个只是效果问题。还有就是看到的视图确实变大了,但是会盖到下面的TableViewCell。开始以为是加在里面的视图变大,而TableViewHeardView没变大,我NSLog打印了一下 阅读详情

方法1:在tableView上层固定一个view用户缩放, 切tableView 设置一个tableHeaderVeiw

具体代码如下:

func scrollViewDidScroll(_scrollView:UIScrollView) {

        lety = scrollView.contentOffset.y

        print("y---->\(y)")

        if y >0 {

            letalphaC = (y +0) / (screenWidth/3*2-64)

            navLabel.textColor = UIColor.black.withAlphaComponent(alphaC)

            navV.backgroundColor = UIColor.white.withAlphaComponent(alphaC)

            self.headerIV.alpha=0

            UIApplication.shared.statusBarStyle = .default

            self.backBtn.setImage( imageLiteral(resourceName: "1_33"), for:UIControl.State.normal)

            self.shareBtn.setTitleColor(UIColor.black, for: UIControl.State.normal)

        }else{

            navLabel.textColor = UIColor.black.withAlphaComponent(0)//UIColor.white

            navV.backgroundColor = UIColor.white.withAlphaComponent(0)//colorSystem

            letscale = ((-y-0) *2+screenWidth/3*2) / (screenWidth/3*2)

            self.headerIV.transform=CGAffineTransform(scaleX: scale, y: scale)

            self.headerIV.alpha=1

            UIApplication.shared.statusBarStyle = .lightContent

            self.backBtn.setImage( imageLiteral(resourceName: "backWhite"), for:UIControl.State.normal)

            self.shareBtn.setTitleColor(UIColor.white, for: UIControl.State.normal)

        }

    }

方法2:直接tableView的tableheaderView ,然后对其做操作

具体代码如下:

func  scrollViewDidScroll(_scrollView:UIScrollView) {

        let y = scrollView.contentOffset.y

        letoffsetY = scrollView.contentOffset.y

        if y >=0{

            letalpha = (y +0) / (screenWidth/3*2-0)

            navV.backgroundColor = UIColor.white.withAlphaComponent(alpha)

            titleL.textColor = UIColor.black.withAlphaComponent(alpha)

            UIApplication.shared.statusBarStyle = .default

            backBtn.setImage( imageLiteral(resourceName: "back_icon"), for:UIControl.State.normal)

            shareBtn.setImage( imageLiteral(resourceName: "share_black"), for:UIControl.State.normal)

            headerSubIV.layer.transform = CATransform3DIdentity

        }else{

            let color = UIColor.white.withAlphaComponent(0)

            navV.backgroundColor= color

            titleL.textColor= color

            letoriginalHeight:CGFloat=screenWidth/3*2

            letscale:CGFloat= (originalHeight - offsetY) / originalHeight

            lettransformScale3D:CATransform3D=CATransform3DMakeScale(scale, scale,1.0)

            lettranslation3D:CATransform3D=CATransform3DMakeTranslation(0, offsetY/2,0)

            headerSubIV.layer.transform=CATransform3DConcat(transformScale3D, translation3D)

            UIApplication.shared.statusBarStyle = .lightContent

            backBtn.setImage( imageLiteral(resourceName: "back_white_icon"), for:UIControl.State.normal)

            shareBtn.setImage( imageLiteral(resourceName: "share_white"), for:UIControl.State.normal)

        }

    }

 

iOS开发仿【喵播】之快速集成tableView头部缩放视图+视图为模糊效果 最近在仿喵播做一个视频直播APP,demo基本已经完成,目前在做视频直播聊天室方面的东西,在模仿的过程中遇到很多问题,在解决问题的过程中也学到了很多。仿喵播系列今天先聊一聊快速集成tableView头部缩放视图+视图为模糊效果gif图片展示: 制作的gif文件在这上面看着不够清晰,有晕影;但实际上是很清晰,效果很好。gif文件是用LICEcap Mac版制作的,点击链接下载安装。LICEcap使用 阅读详情

相关推荐

swift-一行代码给tableView添加头部缩放滑动视图

一行代码给tableView添加头部缩放滑动视图

uitableview 弹性_关于tableView头部视图下拉缩放的效果

在开发过程中,很多小伙伴会遇到页面不需要导航栏,然后tableView上面有一个headerView,但是实际上又好像不是headerView,因为headerView随着tableView下拉之后会顶部会出现断层的现象如下图:这样的断层就很不和谐,如果能做到上面不出现断层,是不是会更美观一点呢,所以这样时候就想着如果下拉的时候只是等比拉伸该多好啊是不是想要这种效果呢如图松手的时候还会弹回具有弹性...

weixin_31300407的博客 493

swift-TableView的tableHeaderView的下拉动画效果包含放大与圆弧动画

TableView的 tableHeaderView 的下拉动画效果,包含放大与圆弧动画

iOS tableview头部图片缩放效果 swift版本

最近项目中页面需要做一个tableview头部图片缩放效果,参考了下咸鱼app中个人中心头部模糊图片缩放效果,自己琢磨着模范做出一个效果来,先来看看效果吧 原理其实很简单: 1、imgHeadBg是在tableview下面的图片控件,viewHead是tableview的tableHeaderView,imgBg是填充viewHead的图片控件,imgHeadBg和imgBg位置要重叠 2、ta...

lin371800993的博客 682

ios-一行代码搞定Uitableview 头部下拉放大.zip

一行代码搞定Uitableview 头部下拉放大

IOS uiscrollview 实现图片的放大缩小滚动浏览

通过实现UISCrollview 代理方法来实现图片的浏览,及放大缩小。 使用方法: viewWillAppear中实现 showbigImage=[[ShowBigImageBox alloc]init]; [showbigImage setShowBigImageBoxDelegate:self]; viewWillDisappear中实现:[showbigImage clearBigImageBox];//在页面结束的时候清楚图片显示View 显示图片:[showbigImage showBigImageBox:array]; //array为图片的链接地址

swift 下拉放大tableView顶部图片 或 放大顶部地图

step 1   定义图片或地图的高度,创建图片或地图视图 //地图高度 let mapHeight:CGFloat = 200 + STATUS_HEIGHT let frame = CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT) tableView = UITableView(frame:frame,style:.

任意门 1898

ScrollView实现图片拉伸效果,仿QQ好友动态头部效果

ScrollView 实现 图片拉伸 效果,仿 QQ好友 动态头部 效果,头部 图片拉伸 放大效果

iOS-UITableView-实现下拉头部缩放效果

//可直接复制 #import "ViewController.h" #define kOPHEIGHT 247 // 核心尺寸参数,强烈建议跟原背景图的高度一致 @interface ViewController ()<UITableViewDelegate> @property(nonatomic,strong) UIView * tableHeadView; @property(...

大炮哥的博客 759

tableview下拉放大headerview

_tableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, IPHONE_W, IPHONE_H) style:UITableViewStyleGrouped]; _tableView.delegate = self; _tableView.dataSource = self; _tableView.backgroundColor = [UIColor lightGrayColor]; //内容由kImageOriginHight 处开始显示。 _tableView.contentInset=UIEdgeInsetsMake(kImageOriginHight,0,0,0);

腾讯滑块验证码collect参数逆向与JSVMP对抗实战

本文深入解析腾讯滑块验证码collect参数的逆向过程与JSVMP虚拟机对抗技术。通过详细的环境搭建、抓包分析和JSVMP逆向技巧,揭示collect参数的生成逻辑与加密流程,并提供完整的模拟实现方案和常见问题排查方法,助力开发者突破腾讯天御验证码的防护机制。

weixin_29009501的博客 1573

iOS tableView顶部图片下拉缩放效果实现

_tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, WID, HEI - 64) style:UITableViewStylePlain]; _tableView.hidden = YES; _tableView.rowHeight = 70; _tableView.delegate = self

txz_gray的博客 1680

DL-FWI基础入门培训视频学习1、2

DL-FWI基础知识

shengMio的博客 709

下拉放大tableView头视图

下拉放大头视图,tableView代理,ScrollView代理方法

shine_sun_w的专栏 1262

Palabos User Guide中文解读 | 第五章 | Palabos编程 (跳过了第四章Palabos-Java接口)

作者的话:本人在学习palabos时,发现国内中文资料甚少,恰好网上可以直接搜到palabos user guide这种英文资料,加之时间充裕,便打算开始翻译,翻了一节后发现这可能算侵权,就比较伤脑筋,突然想到自己写中文解读即可,便有了下面的博客。 Palabos User Guide Release 1.0 r1 Copyright © 2019 University of Geneva Jul...

Yulan Fang's notes. 2298

node-red 可视化探索

配置socket选择配置流程产生url。

weixin_44133581的博客 3412

tableView下拉头部放大

这个效果很多见得, 想自己实现一下试试 主要的就是一个计算问题 ####直接附上代码 #import "ViewController.h" #define KScreen_Width [UIScreen mainScreen].bounds.size.width #define KScreen_Height [UIScreen mainScreen].bounds.size.height #de...

weixin_33845881的博客 198

python文件转为可执行文件(.exe)的详细步骤

本文详细介绍了如何从零开始把python文件打包成为可执行文件(.exe)。

m0_67093160的博客 3万+

拖动 tableView 来缩放顶部图片

在 UITableView 的头部添加一个 imageView,通过拉动 tableView 来放大缩小这个 imageView.效果如下: 实现步骤: 1>创建 tableView 的 headerView,并设置其frame,将背景色改为 clearColor; 2>创建一个 UIImageView,与 tableViewHeaderView 一样大小; 3>创建创建一个

tobyotenma的博客 593

多期DID实战指南:从CSDID原理到分组加权策略

本文深入解析多期DID(CSDID方法)在政策评估中的实战应用,从核心思想到分组加权策略全面讲解。通过电商扶贫等案例,详细演示如何正确处理分批实施政策的数据分析,包括分组拆解、子模块DID操作及加权平均选择,帮助研究者规避常见误区,提升政策评估的准确性。

weixin_26833503的博客 524

Dell R730安装Windows Server 2008 R2

一、RAID驱动准备  在安装Windows server2008 R2操作系统时,如果没有发现硬盘,请将下面的阵列卡驱动先解压(在下载的.exe文件,双击点下一步会自动解压),解压后把那文件夹复制到U盘中。阵列卡 PERC9 H330 - H730 - H730P - H830 Controllers for Windows Server 2008 R2二、系统安装方法方法一:光盘安装  ①请您...

MarshLin 2万+

iOS — tableView头视图缩放效果。

#pragma mark - UIScrollViewDelegate - (void)scrollViewDidScroll:(UIScrollView *)scrollView { //取 tableview 头视图 UIView *headerView = [self.view viewWithTag:1618]; CGFloat yOffs

人间忽晚的博客 868

链接文件及功能安全:英飞凌官方文档摘录 - 基于Tasking与AURIX TC3xx MCAL中Link文件解析以及代码变量定位方法详解

Data区域是用来存放带初始化值的全局变量,在link文件中,这个区域有两种类型,预先定义的区域和默认区域。预先定义的Data区域,例如.data.Ifx_Ssw_Tc1和.data.Cpu1_Main.*,在cpu1_main.c中如果定义了一个带初始化值的变量,则它会放在DSRAM1中的.data.Cpu1_Main.*段中。

梦想技术家 538

猫猫学iOS之tableView的下拉放大图片的方法

猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243一:效果tableview下拉的时候上部分图片放大会 二:代码直接上代码,自己研究吧 #import "NYViewController.h"//图片的高度 const CGFloat NYTopViewH = 350;@interface NYViewContro

翟乃玉 3405

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

TableView头部图片下拉图片放大

下面是自己写的一个小demo,效果图如下: 核心代码: //图片剪裁 _pictureImageView.contentMode = UIViewContentModeScaleAspectFill; _pictureImageView.clipsToBounds = YES; 复制代码 // 偏移量 CGFlo...

weixin_34044273的博客 140

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

浅谈个人主页头部下拉变大的思路

其实就是在ViewController上先放一个image,就是你想要下拉的时候放大的,然后再放置一个tableView ,并设置 .tableHeaderView=headView 背景为透明色,并且headView的高度比image的高度小点以免在下拉的时候 出现白色不衔接的状态, 如果想要在头部在添加一个签名,个人头像什么的 都可以放在headView上 并且不随着背景图片的...

weixin_30367945的博客 261

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

上一篇: xcode 9、xcode 10使用模拟器总是提示“Developer Tool Access”需要控制另一个进程问题
下一篇: 定制可在xib、storyboard中直接使用的View
FlyingFireFish
博客等级 码龄9年 23粉丝 57原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值