封装了一个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.mzph.cn/diannao/15218.shtml

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

相关文章

英语学习笔记22——Give me/him/her/us/them a .... Which one?

Give me/him/her/us/them a … Which one? 给我/他/她/我们/他们一个…… 哪一个&#xff1f; 词汇 Vocabulary empty a. 空的&#xff0c;啥也没有的    v. 倒空 例句&#xff1a;这个盒子是空的。    This box is empty.    这是个空盒子。    This is an emp…

学习笔记——STM32F103V3版本——HC-05模块控制数码管

一.硬件 1.HC-05模块 2.数码管 3.连接硬件 二.在keil5中的代码 main.c代码&#xff1a; #include "stm32f10x.h" #include "buletooth.h" #include "led.h" #include "sys.h" #include "usart.h" #include "delay.…

HTTP content-type MIME 类型(IANA 媒体类型)

Content-Type(MediaType)&#xff0c;即是Internet Media Type&#xff0c;互联网媒体类型&#xff0c;也叫做MIME类型。在互联网中有成百上千中不同的数据类型&#xff0c;HTTP在传输数据对象时会为他们打上称为MIME的数据格式标签&#xff0c;用于区分数据类型。最初MIME是用…

数据与结构--AVL树

目录 AVL树的概念 AVL树的性质 AVL树结点的定义 AVL树的插入 AVL树的旋转 左单旋 右单旋 左右双旋 右左单旋 AVL树的验证 AVL树的查找 AVL树的修改 AVL树的删除 AVL树的概念 二叉搜索树虽然可以提高我们查找数据的效率&#xff0c;但如果插入二叉搜索树的数据是…

ubuntu 安装 kvm 启动虚拟机

1. 基础环境设置 #更新环境 apt update apt upgrade#配置网卡 cat >/etc/netplan/br.yml<<EOF network:ethernets:eth2: {}bridges:br0:interfaces:- eth2addresses:- 192.192.1.213/24gateway4: 192.192.1.1nameservers:addresses:- 8.8.8.8- 8.8.4.4 EOF #安装组件…

LFSR线性反馈移位寄存器及Verilog实现

一、LFSR LFSR线性反馈移位寄存器&#xff0c;通常由移位寄存器和异或门组成&#xff0c;主要用于产生伪随机序列等。 线性反馈的含义是各个寄存器的输出通过一个反馈函数连接到第一级触发器的输入&#xff1b;LFSR中的寄存器的个数被称为LFSR的级数。 LFSR分为两类&#xff…

开源的在线JSON数据可视化编辑器jsoncrack本地部署与远程访问

文章目录 1. 在Linux上使用Docker安装JSONCrack2. 安装Cpolar内网穿透工具3. 配置JSON Crack界面公网地址4. 远程访问 JSONCrack 界面5. 固定 JSONCrack公网地址 JSON Crack 是一款免费的开源数据可视化应用程序&#xff0c;能够将 JSON、YAML、XML、CSV 等数据格式可视化为交互…

Iphone自动化指令每隔固定天数打开闹钟关闭闹钟

1.业务需求&#xff1a;小z每隔五天有一个夜班&#xff0c;然后下午会有三个小时的休息时间&#xff0c;如果闹钟不响就会错过交班日期&#xff0c;但是如果设置闹钟&#xff0c;iPhone的闹钟只能设定固定循环日期闹钟&#xff0c;或者一次的闹钟&#xff0c;导致要么忘记设闹钟…

每日一题22:Pandas:字符串函数之患某种疾病的患者

一、每日一题 患者信息表&#xff1a; Patients ----------------------- | Column Name | Type | ----------------------- | patient_id | int | | patient_name | varchar | | conditions | varchar | ----------------------- 在 SQL 中&#xff0c;patient…

【C语言】指针运算

前言 前面在“走进指针世界”中我已经讲解过指针相关的很多前置知识&#xff0c;其实还有一个很重要的部分就是指针的运算。这篇博客&#xff0c;就让我们一起了解一下指针的运算吧&#xff01; 指针作为变量&#xff0c;是可以进行算术运算的&#xff0c;只不过情况会和整型…

LLM-Llama在 MAC M1上体验Llama.cpp和通义千问Qwen 1.5-7B

Llama.cpp的主要目标是在各种硬件上&#xff08;本地和云端&#xff09;实现LLM推断&#xff0c;同时保持最小的设置和最先进的性能。 纯C/C实现&#xff0c;没有任何依赖关系Apple芯片是一级的支持对象 - 通过ARM NEON、Accelerate和Metal框架进行优化对x86架构的AVX、AVX2和…

中医理疗元宇宙 中医理疗元宇宙

记者从烟台高新区卫生健康局获悉&#xff0c;辖区容大东海岸社区卫生服务站大力挖掘、整理、传承、发扬中医医疗技术&#xff0c;提升医疗服务品质&#xff0c;发挥中医在社区常见病、多发病防治中的作用&#xff0c;让居民在家门口就能享受到专业的中医治疗。 容大东海岸社区卫…

Go语言的命名规范是怎样的?

文章目录 Go语言的命名规范详解一、标识符命名规范示例代码 二、包名命名规范示例代码 三、变量命名规范示例代码 四、常量命名规范示例代码 五、函数命名规范示例代码 总结 Go语言的命名规范详解 在Go语言中&#xff0c;代码的命名规范对于项目的可读性、可维护性和可扩展性至…

Visual Studio 2022 GTK4 GUI 开发 Project Key setting

Visual Studio 2022 GTK4 Project Key setting 一般情况下需要MSYS2&#xff0c;然后参考Linux下开发。 这里使用第二种&#xff0c;直接 VS 编译好的bin/lib/include的开发。 预编译好的文件&#xff08;只有x64版本&#xff09;&#xff1a; https://github.com/wingtk/gv…

openresty完美替代nginx

OpenResty相较于Nginx&#xff0c;其优势主要体现在以下几个方面&#xff1a; 1、Lua脚本支持&#xff1a;OpenResty内置了LuaJIT&#xff08;Lua的即时编译器&#xff09;&#xff0c;使得用户可以直接在Nginx配置文件中使用Lua脚本&#xff0c;这样可以实现更复杂的业务逻辑…

手动修改docker中oceanbase-ce容器cpu资源使用上限

##docker中oceanbase-ce 容器占用cpu100% 使用cgroup限制cpu使用上限 top - 16:30:22 up 36 min, 1 user, load average: 7.34, 10.62, 8.99 Tasks: 400 total, 1 running, 399 sleeping, 0 stopped, 0 zombie %Cpu(s): 3.5 us, 1.3 sy, 0.0 ni, 94.9 id, 0.1 wa,…

前端菜鸡,对于35+程序员失业这个事有点麻了

“经常看到30岁程序员失业的新闻&#xff0c;说实话&#xff0c;有点麻。目前程序员供求关系并未失衡&#xff0c;哪怕是最基础的前端或者后台、甚至事务型的岗位也是足够的。 事实上&#xff0c;现在一个开出的岗位要找到一位尽职尽责能顺利完成工作的程序员并不是一件那么容…

Electron-1 electorn + vue3 + vite项目搭建,使用Electron-vite构建工具

文章目录 1.创建项目存在的问题 1.创建项目存在的问题 使用框架 : 现有的构建插件&#xff0c;使用也不错&#xff0c;但是封装过的&#xff0c;且各个版本不统一&#xff0c;想修改时会出现各种问题 比较不错的有如下几个 https://cn.electron-vite.org/guide/ https://www.el…

C++_string简单源码剖析:模拟实现string

文章目录 &#x1f680;1.构造与析构函数&#x1f680;2.迭代器&#x1f680;3.获取&#x1f680; 4.内存修改&#x1f680;5. 插入&#x1f680;6. 删除&#x1f680;7. 查找&#x1f680;8. 交换swap&#x1f680;9. 截取substr&#x1f680;10. 比较符号重载&#x1f680;11…

副业树洞聊天项目/树洞倾诉/陪陪系统源码/树洞源码下载搭建

随着社会的发展和人们生活水平的提高&#xff0c;越来越多的人在面临心理压力、情感困扰或生活困境时&#xff0c;需要一个可以宣泄、倾诉和寻求支持的平台。而传统的人际交往方式往往会遇到难以排解的问题&#xff0c;比如担心被他人知晓自己的隐私等&#xff0c;这就导致了人…