IOS项目之UICollectionView中Item布局偏移问题

最新推荐文章于 2022-02-22 10:52:50 发布
最新推荐文章于 2022-02-22 10:52:50 发布
阅读量1.4w 收藏
点赞数 4
分类专栏： IOS 文章标签： UICollectionView IOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u011290399/article/details/48339151
版权
在iOS项目中，使用UICollectionView实现九宫格布局时，可能会遇到Item在水平或垂直滑动后出现偏移的问题。解决这个问题的关键在于确定UICollectionView的宽度和Item的数量，从而让系统自动计算每个Item的大小，而非手动设定。这样可以确保布局正确，实现所需效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在使用UICollectionView做九宫格布局的时候，或多或少都会出现一些不尽人意的问题。



图片是从网络上找来的，我自己懒得截图了，文章内容确是我自己写的。请不要有争议。

看两个图，大家就很容易看出问题所在，这个是水平滑动后的问题，其实垂直滑动也是有这个问题的。大家看了水平滑动问题解决方案之后，就可以很好地解决垂直滑动的同样问题。

最低0.47元/天 解锁文章
iOS流布局之UICollectionView简单应用
u012477117的专栏
12-01 775
iOS流布局UICollectionView系列一——初识与简单使用UICollectionView 一、简介 UICollectionView是iOS6之后引入的一个新的UI控件，它和UITableView有着诸多的相似之处，其中许多代理方法都十分类似。简单来说，UICollectionView是比UITbleView更加强大的一个UI控件，有如下几个方面： 1、支持水平和垂直两种方向的布局 2、通过layout配置方式进行布局 3、类似于TableView中的cell特性外，Collectio
IOS流水布局UICollectionView使用FlowLayout进行自由灵活组合
A1521315qwss的博客
10-26 1220
IOS流水布局UICollectionView使用FlowLayout进行自由灵活组合 UICollectionView是日常最常用开发组件之一，其重要程度不亚于UITableViewController。例如抖音作品展示页，图标展示页。直播展示页。淘宝展示页。抖音上滑动，下滑动，基本上都是UICollectionView，对UICollectionView不熟悉的，需要跳到它的头文件看一下。苹果把最重要的 属性通通放在最前面，英语不认识的，要查一下。 // // ViewController.m //
关于UICollectionView横向滑动分页的问题
08-10
关于UICollectionView的contentSize为什么不起作用
ios 平滑移动view_关于ios：UICollectionView content设备旋转后的偏移
weixin_39611340的博客
12-20 630
我正在尝试做的是：在Apple的Photo's App中，如果在滚动到任意偏移量的同时旋转设备，则事先位于中央的相同单元格将在旋转后最终位于中央。我正在尝试使用UICollectionView实现相同的行为。 'indexPathsForVisibleItems'似乎是这样做的方法。我到目前为止所得到的：以下代码在两次旋转之间提供了平滑的操作，但中心项目计算似乎已关闭：override func ...
UICollectionView 自动上移问题
lrbtony的博客
07-14 1629
今天被这个问题困扰了很久，那就是当 UICollectionView 呈现许多 cell 的垂直滚动呈现时候如果点击了 cell， 这个UICollectionView 总会莫名其妙的伴随着上移，刚开始以为是 xCode 的 bug，随后查看了UICollectionView 的 Frame 发现数值一直不变，随即意识到当UICollectionView 的 cell 不满一页的时候点击 cell 发现没有此问题，于是意识到问题仍然出现在 UICollectionView 里面。仔细查看了一遍发现了其...
iOS：UICollectionView布局问题
小凡 ‘ Small growth
04-20 972
具体问题一：       布局正确，但是cell上的UI控件都跑到了屏幕外面，如图所示： cell上有两个控件，问题demo如下，主要出在第一个self.centerX上，去掉这个代码，重新写一个居中的方法 _headImgView.centerX = self.centerX; _nameLabel.centerX = _headImgView.centerX;
collectionView偏移到某一组某一行
bddzzw的博客
06-24 3914
我们平时使用UItableview和collection view。有时候希望点击按钮就能是这两个控件偏移到相应的位置，那么通过控件自身附带的偏移量就能很好的解决
iOS UICollectionView 横向分页布局
weixin_34179968的博客
07-12 3307
有一种流行的 UICollectionView 横向分页布局方式，当你布局好 itemSize 等信息后，兴冲冲的运行模拟器时，却发现结果是这样的： 此时你想要的布局方式应该是这样： 那我们就需要重新自定义 UICollectionViewFlowLayout。 网上看了一些写法，不过大部分都是相同的，由于看不懂（智商太低了），而且网上的写法没能解决我后面的一个问题（后面会说到，分页处的 it...
iOS之UICollectionView自定义布局
Shimmy果子的博客
09-09 807
UICollectionView基础 UICollectionViewFlowLayout：视图布局对象（流水布局：一行排满，自动排到下行），继承自UICollectionViewLayout。UICollectionViewLayout内有一个collectionView属性，所有的视图布局对象都继承自UICollectionViewLayout。 若我们要自定义布局对象，我们一般继承UIColl
iOS开发之CollectionView 在iOS 10 之后重用的坑
08-06 2553
  最近在用到collectionView的时候，由于collectionViewCell尺寸是整个屏幕大小，在滑动的时候发现内容刷新对不上号，排查自己的数据后，发现数据正常无误，后来通过一番搜索发现是ios 10以后优化的重用机制造成的。具体修改如下： if (@available(iOS 10.0,*)) { self.collectionView.prefetchingE...
FCCollectionViewLayout:UICollectionViewFlowLayout左对齐，右对齐，居中，顶对齐，底对齐，decorationView
03-18
FCCollectionViewLayout 例子 要运行示例项目，请克隆存储库，然后首先从Example目录运行pod install 。 要求 安装 FCCollectionViewLayout可通过。要安装它，只需将以下行添加到您的Podfile中： pod 'FCCollectionViewLayout' 作者 ， 执照 FCCollectionViewLayout在MIT许可下可用。有关更多信息，请参见LICENSE文件。
基于 UICollectionViewFlowLayout 的居左居右居中布局
07-09
基于 UICollectionViewFlowLayout 的对齐布局，使用简单，支持以下功能：1. 不同 section 水平方向 items 对齐方式的设置；2. 不同 section 竖直方向 items 对齐方式的设置；3. 不同 section items 排布顺序的设置。因为是继承自 UICollectionViewFlowLayout 所以使用方法跟 UICollectionViewFlowLayout 一致，只需设置对应的属性或者实现对应协议方法即可，且支持 UICollectionViewFlowLayout 所有特性，如设置 header、footer、section inset 等。如果代码对您有所帮助，望您不吝于您的 star。https://github.com/Coder-ZJQ/JQCollectionViewAlignLayout
UIScrollView内容偏移的问题
热门推荐
让坚持成为习惯
08-16 1万+
问题： 今天想做UITextView的自适应高度，写了个小demo，发现内容偏移了 可以看到上方有64的偏移，光标是无法到达的。 textView的实现代码： - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. self.view.
iOS常见错误9-UITableView,UIScrollView,UICollectionView偏移20像素
Pandakingli的博客
03-15 4247
iOS常见错误9-UITableView,UIScrollView,UICollectionView偏移20像素 在iOS7之后的系统里有滚动视图的时候，比如UITableView,UIScrollView, UICollectionView的时候有时候会偏移20像素。 我们可以判断一下系统再进行设置 if ([[UIDevice currentDevice] systemVersi
iOS 开发中移动collectionView的item
qununiannian的博客
01-12 321
不多说，直接上代码，这里使用长按手势调用方法来写的，语言为oc，添加了开关，控制collection view是否可移动 代码如下： （效果不加了，类似网易的切换标签的移动效果） //创建collection view过程省略 //开关按钮进行的操作 //手势执行方法 UIGestureRecognizerStateBegan为长按手势的开始状态
collectionView顶部间距过大的处理
Snip_的专栏
04-05 3122
在使用collectionView时发现，如果界面使用了storyboard并且使用了导航控制器，那么collectionView的顶部可能会出现大小为64的间距（删掉导航控制器这个间距就消失了），因为这个间距导致collectionView的内容不能居中整体向下偏移，出现这个现象的具体原因不详。 解决办法是设置collectionView的contentInset属性。self.collecti
解决横竖屏切换问题导致UIScrollView、UICollectionView、UITableView偏移
C_philadd的博客
02-22 3913
常见情况： 场景1：以UIScrollView及其子类view，contentSize达到一定的长度，滚动到某个位置时，进行设备横竖屏切换，再次回归设备切换前的方向时，滚动位置发生了变动； 场景2：当前控制器为UIScrollView及其子类view，contentSize达到一定的长度，滚动到某个位置时，进行设备横竖屏切换，或者进行跳转下一控制器（且下一控制器为改控制器的屏幕方向不同；例如：当前屏幕方向和竖屏，下一控制器方向为横屏）。 原因分析： 原因1：设备在横竖屏切换时，会导致屏幕宽（width
设置滑动视图中图片居中显示
沐阳的博客
07-19 1670
//设置单元格大小 - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath { CGSize size = CGSi
KRLCollectionViewGridLayout：高效iOS网格布局开源项目
KRLCollectionViewGridLayout是一个开源的UICollectionView自定义布局类，它简化了在iOS应用中实现网格布局的过程。通过理解UICollectionView的工作原理、掌握UICollectionViewLayout协议的使用，以及深入学习如何...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值