当前位置：首页 > 编程日记 > 正文

iOS下拉tableView实现上面的图片放大效果

编程日记 2024-12-16 21:50:00

#import "ViewController.h"

#define kScreenbounds [UIScreen mainScreen].bounds

#define kScreenWidth [UIScreen mainScreen].bounds.size.width

#define kScreenHeight [UIScreen mainScreen].bounds.size.height

// 宏定义一个高度

#define pictureHeight 200

@interface ViewController ()<UITableViewDataSource, UITableViewDelegate>

@property (nonatomic, strong) UITableView *tableView;

@property (nonatomic, strong) UIImageView *pictureImageView;

@property (nonatomic, strong) UIView *header;

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

self.navigationItem.title = @"向下拉伸放大图片";

// 下面两个属性的设置是与translucent为NO,坐标变换的效果一样

self.edgesForExtendedLayout = UIRectEdgeNone;

self.automaticallyAdjustsScrollViewInsets = NO;

[self createTableView];

}

- (void)createTableView

{

self.tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight - 64) style:UITableViewStylePlain];

_tableView.delegate = self;

_tableView.dataSource = self;

[_tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cell"];

// 添加头视图在头视图上添加ImageView

self.header = [[UIView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, pictureHeight)];

_pictureImageView = [[UIImageView alloc] initWithFrame:_header.bounds];

_pictureImageView.image = [UIImage imageNamed:@"picture"];

重要的属性设置

//这个属性的值决定了当视图的几何形状变化时如何复用它的内容这里用 UIViewContentModeScaleAspectFill 意思是保持内容高宽比缩放内容超出视图的部分内容会被裁减填充UIView

_pictureImageView.contentMode = UIViewContentModeScaleAspectFill;

// 这个属性决定了子视图的显示范围取值为YES时，剪裁超出父视图范围的子视图部分.这里就是裁剪了_pictureImageView超出_header范围的部分.

_pictureImageView.clipsToBounds = YES;

[_header addSubview:_pictureImageView];

self.tableView.tableHeaderView = _header;

[self.view addSubview:_tableView];

}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{

return 20;

}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];

cell.textLabel.text = @"向下拉我";

return cell;

}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView

{

/**

* 这里的偏移量是纵向从contentInset算起则一开始偏移就是0 向下为负上为正下拉

// 获取到tableView偏移量

CGFloat Offset_y = scrollView.contentOffset.y;

// 下拉纵向偏移量变小变成负的

if ( Offset_y < 0) {

// 拉伸后图片的高度

CGFloat totalOffset = pictureHeight - Offset_y;

// 图片放大比例

CGFloat scale = totalOffset / pictureHeight;

CGFloat width = kScreenWidth;

// 拉伸后图片位置

_pictureImageView.frame = CGRectMake(-(width * scale - width) / 2, Offset_y, width * scale, totalOffset);

}

- (void)didReceiveMemoryWarning {

[super didReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

@end

https://www.dkcj.cn/info/32133.html

iOS下拉tableView实现上面的图片放大效果

相关文章：

在Windows7/10上通过VS2013编译FFmpeg 4.1.3源码操作步骤

GitHub标星近1万：只需5秒音源，这个网络就能实时“克隆”你的声音

entity framework 使用Mysql配置文件

UIWebView、WKWebView使用详解及性能分析

FFmpeg中libavutil库简介及测试代码

区块链人才月均薪酬1.6万元？

用最少的时间学最多的数据挖掘知识（附教程数据源）| CSDN博文精选

WKWebView 的使用简介

FFmpeg中libswscale库简介及测试代码

FFmpeg中libswresample库简介及测试代码

高德地图POI搜索，附近地图搜索，类似附近的人搜索

手把手教你实现PySpark机器学习项目——回归算法

mcDropdown使用方法

Windows上通过VLC播放器搭建rtsp流媒体测试地址操作步骤

Swift - AppDelegate.swift类中默认方法的介绍

上热搜了！“学了Python6个月，竟然找不到工作！”

Linux0.00内核为什么要自己设置0x80号陷阱门来调用write_char过程？

iOS支付宝(Alipay)接入详细流程，比微信支付更简单，项目实战中的问题分析

LIVE555简介及在Windows上通过VS2013编译操作步骤

GitHub App终于来了，iPhone用户可尝鲜，「同性交友」更加便捷

[NHibernate]代码生成器的使用

RapidJSON简介及使用

高德地图关键字搜索oc版

同一个内容，对比Java、C、PHP、Python的代码量，结局意外了

图片存储思考：

LIVE555中RTSP客户端接收媒体流分析及测试代码

swift代理传值

重磅：腾讯正式开源图计算框架Plato，十亿级节点图计算进入分钟级时代

类似ngnix的多进程监听用例

今日头条李磊等最新论文：用于文本生成的核化贝叶斯Softmax