封装了一个iOS中间放大的collectionView layout

效果图如下所示

请添加图片描述

原理:就是首先确定一个放大和缩小系数和原大小对应的基准位置,然后根据距离每个布局属性到视图中心的距离和基准点到中心的距离的差距/基准点到中心的距离, 计算出每个布局属性的缩放系数

下面是代码

//
//  LBHorizontalCenterLayout.m
//  LBHorizontalCenterLayout
//
//  Created by mac on 2024/5/24.
//#import "LBHorizontalCenterLayout.h"@interface LBHorizontalCenterLayout ()@property (nonatomic, assign) NSInteger index;@end@implementation LBHorizontalCenterLayout- (NSArray<__kindof UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect
{NSArray *array = [super layoutAttributesForElementsInRect:rect];array = [self getCopyOfAttributes:array];//屏幕中线CGFloat centerX = self.collectionView.contentOffset.x + self.collectionView.bounds.size.width/2.0f;//刷新cell 缩放for (UICollectionViewLayoutAttributes *attributes in array) {if (self.scrollDirection == UICollectionViewScrollDirectionHorizontal) {//分四种情况,以44 的item为基准,68和35 对应系数分别是1.56 和 0.8CGFloat baseW = self.minimumLineSpacing + self.itemSize.width;CGFloat apartScale;CGFloat distance = fabs(attributes.center.x - centerX);attributes.alpha = 1.0;if (distance <= baseW) {apartScale = 1 + (baseW - distance) / baseW * 0.56;} else {apartScale = 1 - (distance - baseW) / baseW * 0.2;//设置透明度if (attributes.center.x - centerX < 0) {CGFloat alpha = (distance - baseW) / baseW;attributes.alpha = 1 - alpha;}}//设置cell的缩放,按照余弦函数,越居中越趋近于1attributes.transform = CGAffineTransformMakeScale(apartScale, apartScale);}}return array;
}- (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds
{//把collectionview 本身的中心位位置(固定的), 转换成collectionView 整个内容上的point// convert the center position of the collectionView itself (fixed) to a point on the//entire content of the collectionViewCGPoint pInView = [self.collectionView.superview convertPoint:self.collectionView.center toView:self.collectionView];NSIndexPath *indexPath = [self.collectionView indexPathForItemAtPoint:pInView];if (indexPath.item == 0) {if (newBounds.origin.x < self.collectionView.bounds.size.width / 2) {if (self.index != indexPath.item) {self.index = 0;if (self.delegate && [self.delegate respondsToSelector:@selector(collectionViewScrollToIndex:)]) {[self.delegate collectionViewScrollToIndex:self.index];}}}} else {if (self.index != indexPath.item) {self.index = indexPath.item;if (self.delegate && [self.delegate respondsToSelector:@selector(collectionViewScrollToIndex:)]) {[self.delegate collectionViewScrollToIndex:self.index];}}}[super shouldInvalidateLayoutForBoundsChange:newBounds];return YES;
}- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity
{CGFloat minOffset = CGFLOAT_MAX;CGFloat horizontalCenter = proposedContentOffset.x + self.collectionView.bounds.size.width/2;CGRect visibleRec = CGRectMake(proposedContentOffset.x, 0, self.collectionView.bounds.size.width, self.collectionView.bounds.size.height);NSArray *visibleAttributes = [super layoutAttributesForElementsInRect:visibleRec];for (UICollectionViewLayoutAttributes *atts in visibleAttributes) {CGFloat itemCenterX = atts.center.x;if (fabs(itemCenterX - horizontalCenter) <= fabs(minOffset)) {minOffset = itemCenterX - horizontalCenter;}}CGFloat centerOffsetX = proposedContentOffset.x + minOffset;//快速轻扫的时候, 距离过短,时间过短, 会导致无法进行翻页,及时很快的轻扫也让他能左右翻页if (fabs(velocity.x) > 0.7 && fabs(velocity.x) < 1.5 && fabs(minOffset) <= (self.collectionView.bounds.size.width / 2.0)) {if (velocity.x > 0) {centerOffsetX = (self.index + 1) * (self.itemSize.width + self.minimumLineSpacing);} else {centerOffsetX = (self.index - 1) * (self.itemSize.width + self.minimumLineSpacing);}}if (centerOffsetX < 0) {centerOffsetX = 0;}if (centerOffsetX < self.collectionView.contentSize.width - (self.sectionInset.left + self.sectionInset.right + self.itemSize.width)) {centerOffsetX = floor(centerOffsetX);}return CGPointMake(centerOffsetX, proposedContentOffset.y);
}
//防止报错,先复制attributes- (NSArray *)getCopyOfAttributes:(NSArray *)attributes
{NSMutableArray *array = [NSMutableArray array];for (UICollectionViewLayoutAttributes *attribute in attributes) {[array addObject:[attribute copy]];}return array;
}@end

下面这一段是计算放大系数的核心逻辑

   if (self.scrollDirection == UICollectionViewScrollDirectionHorizontal) {//分四种情况,以44 的item为基准,68和35 对应系数分别是1.56 和 0.8CGFloat baseW = self.minimumLineSpacing + self.itemSize.width;CGFloat apartScale;CGFloat distance = fabs(attributes.center.x - centerX);attributes.alpha = 1.0;if (distance <= baseW) {apartScale = 1 + (baseW - distance) / baseW * 0.56;} else {apartScale = 1 - (distance - baseW) / baseW * 0.2;//设置透明度if (attributes.center.x - centerX < 0) {CGFloat alpha = (distance - baseW) / baseW;attributes.alpha = 1 - alpha;}}//设置cell的缩放,按照余弦函数,越居中越趋近于1attributes.transform = CGAffineTransformMakeScale(apartScale, apartScale);

支持pod


pod 'LBHorizontalCenterLayout'

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/330905.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于AT89C52单片机的智能窗帘系统

点击链接获取Keil源码与Project Backups仿真图&#xff1a; https://download.csdn.net/download/qq_64505944/89276984?spm1001.2014.3001.5503 C 源码仿真图毕业设计实物制作步骤07 智能窗户控制系统学院&#xff08;部&#xff09;&#xff1a; 专 业&#xff1a; 班 级&…

springboot vue 开源 会员收银系统 (4) 门店模块开发

前言 完整版演示 前面我们对会员系统 springboot vue 开源 会员收银系统 (3) 会员管理的开发 实现了简单的会员添加 下面我们将从会员模块进行延伸 门店模块的开发 首先我们先分析一下常见门店的管理模式 常见的管理形式为总公司 - 区域管理&#xff08;若干个门店&#xff…

论文精读-SwinIR Image Restoration Using Swin Transformer

论文精读-SwinIR: Image Restoration Using Swin Transformer SwinIR:使用 Swin Transformer进行图像恢复 参数量&#xff1a;SR 11.8M、JPEG压缩伪影 11.5M、去噪 12.0M 优点&#xff1a;1、提出了新的网络结构。它采用分块设计。包括浅层特征提取&#xff1a;cnn提取&#…

【C++】C++11(一)

C11是一次里程碑式的更新&#xff0c;我们一起来看一看~ 目录 列表初始化&#xff1a;{ }初始化&#xff1a;std::initializer_list&#xff1a; 声明&#xff1a;auto&#xff1a;decltype&#xff1a; STL的一些变化&#xff1a; 列表初始化&#xff1a; { }初始化&#xf…

JavaSE——类和对象(二)~~封装

目录 一.封装 二.封装扩展之包 三.static成员 四. 代码块 五. 内部类&#xff08;重要&#xff09; 大家好呀&#xff0c;我是北纬&#xff0c;接着上节我们继续讲解Java中关于类和对象的相关知识&#xff0c;今天着重给大家介绍一下关于面向对象程序的特性之一——封装。…

最新php项目加密源码

压缩包里有多少个php就会被加密多少个PHP、php无需安装任何插件。源码全开源 如果上传的压缩包里有子文件夹&#xff08;子文件夹里的php文件也会被加密&#xff09;&#xff0c;加密后的压缩包需要先修复一下&#xff0c;步骤&#xff1a;打开压缩包 》 工具 》 修复压缩文件…

STM32——IIC篇

技术笔记&#xff01; 一、IIC总线协议介绍&#xff08;掌握&#xff09; 1.1 IIC总线结构图 1.2 IIC协议时序 1.3 硬件和软件IIC对比 二、AT24C02介绍&#xff08;了解&#xff09; 2.1 AT24C02通讯地址 三、AT24C02读写时序&#xff08;掌握&#xff09; 3.1 写时序 3.…

有趣的css - 移形换位加载动画

大家好&#xff0c;我是 Just&#xff0c;这里是「设计师工作日常」&#xff0c;今天分享的是一个移形换位动态加载小动效&#xff0c;适用于 app 列表加载&#xff0c;页面加载或者图片懒加载等场景。 最新文章通过公众号「设计师工作日常」发布。 目录 整体效果核心代码html…

Ubuntu22.04本地部署qwen模型、jupyterlab开发环境、LoRA微调全流程

前言 这段时间在自己的Win11系统上部署了chatGLM以及Qwen模型&#xff0c;进行对话、推理以及工具调用都没有问题&#xff0c;但是在尝试进行微调的时候发现好像并不能成功&#xff0c;因此花费了很大的力气&#xff0c;又分别在ubuntu桌面版、windows子系统WSL2 Ubuntu上部署…

数据可视化第9天(利用wordcloud和jieba分析蝙蝠侠评论的关键字)

数据可以在这里下载 https://github.com/harkbox/DataAnalyseStudy WordCloud wordcloud可以很方便的生成词云图&#xff0c;方便的提供可视化可以直接使用pip install wordcloud进行安装如果使用的是Anaconda,可以使用conda install进行安装 下面看一个简单的例子 txt &qu…

JVM学习-堆空间(三)

JVM在进行GC时&#xff0c;并非每次都对新生代、老年代、方法区(元空间)三个区域一起回收&#xff0c;大部分时间回收的都是新生代 针对Hotspot VM的实现&#xff0c;它里面的GC按照回收区域分两大类型&#xff1a;一种是部分收集(Partial GC)&#xff0c;一种是整堆收集(Full …

amtlib.dll打不开怎么办?一键修复丢失amtlib.dll方法

电脑丢失amtlib.dll文件是什么情况&#xff1f;出现amtlib.dll打不开怎么办&#xff1f;这样的情况有什么解决方法呢&#xff1f;今天就和大家聊聊amtlib.dll文件同时教大家一键修复丢失amtlib.dll方法&#xff1f;一起来看看amtlib.dll文件丢失会有哪些方法修复&#xff1f; a…

Docker配置国内镜像源

添加Docker国内镜像源 在/etc/docker/daemon.json文件中添加以下内容&#xff1a; {"registry-mirrors": ["http://hub-mirror.c.163.com","https://docker.mirrors.ustc.edu.cn","https://registry.docker-cn.com"] }重启docker s…

【Python】—— lambda表达式

目录 &#xff08;一&#xff09;应用场景 &#xff08;二&#xff09;lambda 语法 &#xff08;三&#xff09;示例分析 &#xff08;四&#xff09;lambda参数形式 4.1 无参数 4.2 一个参数 4.3 默认参数 4.4 可变参数 &#xff1a;*args 4.5 可变参数 &#xff1a;…

第四十一天 | 62.不同路径 63.不同路径|| 343.整数拆分 96.不同的二叉搜索树

题目&#xff1a;62.不同路径 1.二维dp数组dp[i][j]含义&#xff1a;到达&#xff08;i&#xff0c;j&#xff09;位置有dp[i][j]种方法。 2.动态转移方程&#xff1a;dp[i][j] dp[i - 1][j] dp[i][j - 1] 3.初始化&#xff1a;dp[0][j] 1, dp[i][0] 1 &#xff08;第一…

Spring Cloud 之 Gateway

本篇主要介绍有关Gateway网关的相关内容。 目录 一、什么是网关 二、Gateway的使用 Gateway服务的搭建 Route Predicate Factories Gateway Filter Factories Filter GlobalFilter Filter的执行顺序 一、什么是网关 经常面试的人肯定知道&#xff0c;在去公司面试时…

CAN笔记第二篇,车载测试继续学起来!

在CAN协议中&#xff0c;“帧”是一个包含完整信息的独立单元&#xff0c;它具有特定的格式和结构&#xff0c;以确保数据在CAN总线上的可靠传输。这里的“帧”字可以理解为&#xff1a; 完整性&#xff1a;一个帧包含了所有必要的信息&#xff0c;从起始到结束&#xff0c;都遵…

【LeetCode】【1】两数之和(1141字)

文章目录 [toc]题目描述样例输入输出与解释样例1样例2样例3 提示进阶Python实现哈希表 个人主页&#xff1a;丷从心 系列专栏&#xff1a;LeetCode 刷题指南&#xff1a;LeetCode刷题指南 题目描述 给定一个整数数组nums和一个整数目标值target&#xff0c;请在该数组中找出…

视觉检测实战项目——九点标定

本文介绍九点标定方法 已知 9 个点的图像坐标和对应的机械坐标,直接计算转换矩阵,核心原理即最小二乘拟合 {𝑥′=𝑎𝑥+𝑏𝑦+𝑐𝑦′=𝑎′𝑥+𝑏′𝑦+𝑐′ [𝑥1𝑦11𝑥2𝑦21⋮⋮⋮𝑥9𝑦91][𝑎𝑎′𝑏𝑏′𝑐𝑐′]=[𝑥1′𝑦…

AI爆文写作:根据别人的爆款标题,如何通过名词替换改成自己的爆款标题?

在日常刷到爆文的时候&#xff0c;就可以培养自己的网感&#xff0c;为啥这篇文章会爆&#xff1f; 这篇爆文的标题有啥诀窍呢&#xff1f; 比如下面这一篇&#xff1a;《极简生活&#xff1a;变富就是每天循环5个动作》 我们可以发现&#xff0c;每天循环5个动作 这几个词语…