TableView-下拉顶部图片变大

微信动态页面的图片下拉变大效果 我在网上看了其他一些实现效果,不怎么完美,所以自己写了一个,第一次写,不清楚的话多包涵 先说说思想:self.imageView就是效果图中的图片,self.headerView是tableView中的头视图( _tableView.tableHeaderView = _headerView; )当tableView下滑的时候imageView加载在self.view上,当上滑的时 阅读详情
#import "ViewController.h"
/**
 *  屏幕宽度
 */
#define SCREEN_WIDTH ([UIScreen mainScreen].bounds.size.width)

/**
 *  屏幕高度
 */
#define SCREEN_HEIGHT ([UIScreen mainScreen].bounds.size.height)

#define ImgHight 200.0f

@interface ViewController ()<UITableViewDataSource,UITableViewDelegate,UIScrollViewDelegate>

@property (nonatomic, strong) UITableView *tableView;
@property (nonatomic, strong) UIImageView *imgView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT) style:UITableViewStylePlain];
    _tableView.delegate = self;
    _tableView.dataSource = self;
    _tableView.contentInset = UIEdgeInsetsMake(ImgHight, 0, 0, 0);
    [self.view addSubview:_tableView];

    _imgView = [[UIImageView alloc] initWithFrame:CGRectMake(0, -ImgHight, SCREEN_WIDTH, ImgHight)];
    _imgView.image = [UIImage imageNamed:@"3.jpg"];
    _imgView.backgroundColor = [UIColor greenColor];
    [_tableView addSubview:_imgView];
}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGPoint point = scrollView.contentOffset;
    if (point.y < -ImgHight) {
        CGRect rect = _imgView.frame;
        rect.origin.y = point.y;
        rect.size.height = -point.y;
        _imgView.frame = rect;
    }
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 10;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cellID"];
    if (!cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:@"cellID"];
    }

    return cell;
}

@end

ios-tableView下拉,放大头部图片.zip Xcode 6.3.2 及以上版本 立即下载

相关推荐

iOS TableView下拉图片放大

实现TableView下拉图片放大效果,图片等比缩放,仅仅实现下拉放大,上拉图片保持原状

实现tableView上headerView图片下拉变大效果

首先我们在storyBoard里拖一个tableView并设置Navigation,接下来我们在tableView中设置图片 我是自己写了个方法然后在viewDidLoad中调用,也可以直接在viewDidLoad中设置 -(void)setlayoutHeaderView{ //设置一个view,为了使将图片添加到这个view上 UIView *aView = [[UIVie

IT_ZGC的博客 2477

FreeRTOS实战:如何避免HAL_Delay在高优先级中断中的坑(附TIM6配置指南)

本文深入剖析了在STM32 FreeRTOS项目中,于高优先级中断内调用HAL_Delay函数导致系统假死的根本原因——SysTick时基被FreeRTOS占用且优先级最低。文章提供了治本方案:通过配置TIM6作为独立且最高优先级的HAL时基,实现与FreeRTOS系统心跳的解耦,并附上详细的CubeMX配置与代码移植指南,确保系统实时性与稳定性。

weixin_29230059的博客 65

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

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

weixin_31300407的博客 493

车载监控系统升级指南:如何用XS9950A替换TP9950实现高清视频解码(附配置代码)

本文提供了从TP9950升级至XS9950A车载视频解码芯片的完整实战指南。详细解析了硬件设计调整、PCB布局要点,并重点分享了通过I2C配置寄存器实现高清HDCCTV视频解码与同轴音频集成的软件驱动代码与调试技巧,助力工程师平滑完成系统升级。

weixin_29268637的博客 375

使用阿里天池平台训练YOLO目标检测模型

YOLO算法是一种单阶段目标检测算法,由Joseph Redmon等人于2015年提出。与传统的两阶段检测算法相比,YOLO将目标检测问题转化为回归问题,直接预测边界框的位置和类别概率,大大提高了检测速度。YOLOv1: 首次提出YOLO的核心思想,将图像分割成网格,每个网格预测边界框和类别概率。YOLOv2: 引入了批量归一化、锚框等改进,提高了检测精度。YOLOv3: 采用多尺度预测,增强了对小目标的检测能力。

步子哥的博客 1091

TableView头部图片下拉图片放大

浏览商品时,组头放置的商品图片,下拉UITableView,会有头部图片放大的效果

Holothurian 2492

ABAP BDC 处理踩坑笔记:把错误挡在录制之前,把稳定做进每一行 BDCDATA

本文总结了SAP BDC(批输入)开发中的常见问题和解决方案。重点包括:1)理解BDCDATA本质是模拟人工操作而非直接操作数据库;2)数据格式化技巧,如金额、日期、物料号等字段的标准化处理;3)通过CTU_PARAMS参数控制执行环境,确保屏幕尺寸和更新模式一致;4)不要依赖sy-subrc,应通过解析MESSTAB消息判断业务是否成功;5)录制阶段的常见陷阱及解决方法;6)疑难问题的系统性解决思路;7)建议建立完善的错误处理机制,包括日志记录和重跑功能。文章提供了实用的ABAP代码示例和配置建议,帮助开

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 265

UITableView头部带有图片并且下拉图片放大效果

实现原理很简单,就是在UITableview上边添加一个图片子视图,在tableview拖动的时候动态的改变图片的frame,就可以实现这个效果。 步骤如下: 1. 布置UITableview UITableview的设置和正常一样,没有什么需要注意的地方,我这里是直接在storyboard里面拖的,代码如下: #define kHEIGHT 198 @propert

黑码哥的技术博客 4288

【EB-02】TC397 Tresos 最小工程配置

主要设置McalLibPublishedInformation 参数,会根据ResourceM配置的芯片自动加载。可以看到再工程目录中生成了output文件夹,里面由这些模块生成的头文件,编译脚本和epc文件。如果选择生成swcd,可以生成xxx_Bswmd.arxml给别的工具使用。如果没有Error和Problems就可以点击生成代码。点击工程校验看看工程是否由错误。

libuping2023的博客 327

GaussDB本地安装手册(主备模式)

如果实例状态是Normal,则安装成功。三节点集中式配置文件。

Sebastien23的博客 2635

tableview顶部视图下拉放大

将放大图片放在第0行单元格 //创建表视图 - (void)creatTableView { _tabView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, ScreenW, ScreenH-64-49) style:UITableViewStylePlain]; [self.view addSubview:

沐阳的博客 1951

基于matlab的CNN验证码识别系统(UI界面版)

基于matlab的CNN验证码识别系统(UI界面版),CNN验证码识别系统包括数据集处理、模型搭建、模型训练、界面设计与实现

在职AI算法工程师,擅长计算机视觉,YOLO目标检测、分割等,擅长web、pyqt界面可视化,好内容持续更新中,来这里跟大家一起学习,共同进步 484

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

【图像增强(Image Enhancement )】专栏的相关说明,包含适配人群、专栏简介、专栏亮点、阅读方法、定价理由、品质承诺、关于更新、关于答疑、文章目录、与我联系等(持续更新中...)

专栏内涉及的算法都是基于深度学习的图像增强算法;收录的文章基本上是基于Pytorch框架实现的,部分基于Tensorflow;预计完成100篇论文,并持续更新;专栏内文章主要为两部分:【论文精读】与【论文复现】论文精读:读懂论文,总结提炼,聚焦核心内容,不只是全文翻译论文复现:跑通流程,源码解析,提升代码能力,得到去噪结果以及指标计算综合而言,从大到小拆解模型结构,从小到大实现模型搭建。实现论文与源码的统一,深入理解论文行文逻辑与代码实现逻辑,融汇贯通二者思想,并学以致用。

主要更新底层视觉(去噪、超分等)相关的科研内容,形式为【论文精读】+【论文复现】 4054

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

iOS tableView下拉图片变大

项目需要就做了一个tableView上HeaderView放图片下拉变大上拉导航栏变色的demo. 直接上代码 //引入封装的类 #import "TransparentView.h" #import "UINavigationBar+Transparent.h" @property (nonatomic,strong)UITableView * tableView; 然后我用懒加载初始化一

努力,可能成功!放弃,注定失败! 1273

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

iOS 图片下拉变大

前言在iOS的开发中TableView和ScrollView是可以上下滑动的,但是在下拉的过程中,顶部会出现留白的现象,于是就出现了类似于QQ空间中那样下拉顶部的图片变大的效果。看起看很高大上,其实实现起来很简单。先看下效果图:实现思路实现这一效果我们需要用到ScrollView的ContentInset属性,contentInset 是scrollview中contentView.frame.or

长沙火山 3091

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

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

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

翟乃玉 3405

tableview向下拖动,顶部的图片变大,当tableview被放回时,图片自动变回原先大小

经常在以下应用中看到这样的效果:在tableview的上边,有一个背景图片,当向下拖动t

程序人生的专栏 1126

ios 顶部tab滑动实现_iOS tableView实现顶部图片拉伸效果

大家可能注意到一些app的tableView的顶部图片,会随着你拉伸而跟着拉伸变大,下面这是我的一些想法原图:效果图:下面附上代码吧,这里的图片不是添加在tabview的header上#define SCREEN_W [UIScreen mainScreen].bounds.size.width#define SCREEN_H [UIScreen mainScreen].bounds.size.h...

weixin_31058323的博客 421

iOS开发-tableView顶部图片拉伸

大家可能注意到一些app的tableView的顶部图片,会随着你拉伸而跟着拉伸变大,下面这是我的一些想法 原图: 效果图: 下面附上代码吧,这里的图片不是添加在tabview的header上 #define SCREEN_W [UIScreen mainScreen].bounds.size.width #define SCREEN_H [UIScreen mainSc

mickeyYB_520的博客 1630

iOS【tableView的下拉放大图片的方法】

AJ分享,必须精品   一:效果 tableview下拉的时候上部分图片放大会 二:代码 直接上代码,自己研究吧 #import "NYViewController.h" //图片的高度 const CGFloat NYTopViewH = 350; @interface NYViewController () @property (nonatomic, we

阿俊的博客 484

下拉图片变大

1.先看个效果图 下拉图片变大 .gif 2.开始简单的代码过程 其实思路很简单 就是 让tableView偏移 一图片的高度,然后在把图片添加到tableView中,然后再监听didScrollView,在里面改变图片的frame - (void)viewDidLoad { [super viewDidLoad]; // Do any

DJ *小智的博客 483

iOS tableView下拉图片放大

其实这个效果,本质上就是在你tableView下拉 造成offset时候, 保持你顶部图片的y坐标点还停留在下拉时屏幕的顶点(offset), 而图片的长度变为原始的height长度-(offset ) 就达到了下拉放大的效果。  直接上代码了:                       1. 首先创建一个UIView作为headerView             _topVie

liuxu0718的专栏 1775

今天给大家分享ios中下拉图片变大效果

这个效果就是下面有一个tableView,tableView的子视图是一张图片(imageView),下拉的时候图片到一定的偏移量就会放大(改变frame)。 创建视图的的代码在这里就不写了相信大家都会。。。 self.tableView.contentInset = UIEdgeInsetsMake(240, 0, 0, 0);     [self.tableView

zh9282的专栏 2078

cell下拉顶部拉伸

针对一般tableView下拉整个tableviewcell一起向下移动进行修改。 效果图: 首先创建一个headerView文件和XIB headerView.swift import UIKit import IBAnimatable class NoLoginHeaderView: UIView { //背景图片 @IBOutlet weak var baImageView: UIIma...

iOS - Swift 317
上一篇: 解决model属性与系统重名
下一篇: iOS通过URL Scheme冷启动唤醒APP后操作失败
风雨无阻yes
博客等级 码龄9年 343粉丝 66原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值