layout.estimatedItemSize 实现 UICollectionViewCell撑起来自适应宽度

已于 2023-02-08 17:02:25 修改
阅读量1.2k 收藏
点赞数
分类专栏： UI 文章标签： ios
于 2020-12-25 11:55:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LIUXIAOXIAOBO/article/details/111669141
版权

核心代码

    layout.estimatedItemSize = CGSizeMake(100, 200);

cell中添加约束使用距离左右的距离

        [self.title mas_makeConstraints:^(MASConstraintMaker *make) {
            make.left.mas_equalTo(10);
            make.right.mas_equalTo(-10);
        }];

UICollectionViewCell自适应宽度 demo

经过测试，该方式是适应宽度只能在一行的时候使用，多行的时候，会向右偏移

刘小哈哈哈
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UICollectionViewCell自适应宽度
番薯大佬的专栏
07-18 9352
如图所示效果，根据字符长度自适应UICollectionViewCell的大小，同时进行左对齐处理。 如何实现 继承UICollectionViewFlowLayout创建子类，并实现相关的方法，如： 1、- (void)prepareLayout; 2、- (CGSize)collectionViewContentSize； 3、- (NSArray *)layoutAttributesForElementsInRect:(CGRect)rect； 具体怎么编码实现 代码示例如下： 1、UIColl.
UICollectionView自适应cell不同大小
06-27
UICollectionView不同cell大小自适应
iOS-UICollectionViewCell自适应文字宽度
MinggeQingchun的博客
04-06 2080
自定义cell #pragma mark — 自定义cell #import "SelfSizingCollectCell.h" #import "Masonry.h" #define itemHeight 60 @implementation SelfSizingCollectCell - (instancetype)initWithFrame:(CGRect)frame{ self = [super initWithFrame:frame]; if (self) {
进击的KFC: OC实现UICollectionViewCell自适应文字宽度
热门推荐
KFC是做基的
11-30 1万+
OC实现UICollectionViewCell自适应文字宽度
iOS开发tips-UITableView、UICollectionView行高/尺寸自适应
aoe41606的博客
01-30 324
UITableView 我们都知道UITableView从iOS 8開始实现行高的自适应相对照较简单，首先必须设置estimatedRowHeight给出预估高度，设置rowHeight为UITableViewAutomaticDimension（注意：假设不改动rowHeigh...
layout.js布局插件
03-17
layout.js是一款基于JavaScript编写的轻量级布局工具，它的主要目标是简化网页布局的复杂性，让开发者能够快速地创建出响应式、自适应的网页结构。通过使用layout.js，开发者可以摆脱传统的CSS布局方式，如浮动、...
负边距创建自适应宽度的流体布局的实现方法
09-25
流体布局（fluid layout）是一种能够根据浏览器窗口大小自动调整其内容宽度的布局方式，它允许网页在不同尺寸的显示器上都能保持良好的布局适应性和可读性。而负边距技术，就是实现流体布局的关键所在。 要理解负...
SDAutoLayout实现cell高度自适应
01-25
SDAutoLayout是一个强大的自动布局库，它可以帮助开发者更轻松地实现Cell的高度自适应。下面我们将深入探讨如何利用SDAutoLayout来实现这一功能。 首先，了解SDAutoLayout的基本原理。SDAutoLayout是基于Masonry的...
masonry.pkgd.min.js 自适应瀑布流插件
03-17
在前端开发中，瀑布流布局（Masonry Layout）是一种非常流行的网页设计模式，它使得页面元素可以像砖石一样错落有致地排列，既美观又实用，特别适合于图片展示类网站。"masonry.pkgd.min.js" 就是一个实现了这种布局...
UICollectionView，实现自适应宽度和高度，并且设置cell对齐方式
LAOning11的博客
04-28 4942
UICollectionView，实现自适应宽度和高度，并且设置cell对齐方式 参考：https://www.jianshu.com/p/de08c2679241 1 创建UICollectionView，实现代理 -(void)createView{ //创建一个流水布局 UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc]init]; //设置cell的尺寸(宽度
ARCollectionViewDynamicSizeCell:一个简单的扩展，用于计算自动布局UICollectionViewCell的大小。 用于快速
05-21
ARCollectionViewDynamicSizeCell（swift） 一个简单的扩展，用于计算自动布局UICollectionViewCell的大小。 用于快速。 Objective-C版本：' : '; 演示GIF 支持 情节提要中的原型单元 -registerNib：forCellReuseIdentifier： -registerClass：forCellReuseIdentifier： 用法 动态尺寸 func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize { return co
UICollectionView实现不同大小cell等间距
05-12
在项目中有时会用到UICollectionView，本项目解决了不同大小的cell等间距的问题
swift-Cell嵌套UICollectionView自动布局获取高度示例
08-15
Cell嵌套UICollectionView自动布局获取高度示例
ios . -- UICollectionView --cell 自适应
weixin_30501857的博客
07-17 261
#pragma mark — 视图控制器中使用:(关键) layout.estimatedItemSize = CGSizeMake(WIDTH, 60); // layout约束这边必须要用estimatedItemSize才能实现自适应,使用itemSzie无效 // // 商品详情 容器 详情 cell #import <UIKit/UIKit.h&g...
iOS UICollectionView cell的动态大小调整
weixin_44758107的博客
12-06 1980
UICollectionView应该是我们使用的列表类控件中，使用频率仅次于UITableView的控件了，在很多场景下，需要动态的计算并修改UICollectionViewCell的宽度、高度，而代理方法中有没有提供这种方法。
ios 获取最后一个cell_ios – UICollectionView estimatedItemSize – 最后一个单元格未对齐...
weixin_39673184的博客
12-19 678
我想在单元格中创建一个通常的horizo​​ntalScrolling flowLayout UICollectionView，其中包含estimateItemSize和preferredLayoutAttributesFittingAttributes。但最后一个单元格有问题。任何想法在哪里？Project itself@implementation RowCollectionView- (in...
UICollectionViewFlowLayout 切换布局方向的时候，不能使用estimatedItemSize 自适应布局
liubo的博客
12-25 754
如图点击最后一个选项之后，需要滚动到最右边的，由于使用了自适应大小，切换方向，导致获取到的contentSize 配置layout 的estimatedItemSize cellAlignmentlayout.estimatedItemSize = CGSizeMake(100, 28) 切换布局方向 if (self.cellAlignmentlayout.scrollDirection == UICollectionViewScrollDirectionHorizontal) { ...
一个好用的iOS 动态宽度自适应layout LBAttributeLayout
liubo的博客
09-21 881
效果图 LBAttributeLayout 文章目录场景实现原理核心逻辑关键代码使用方法 场景 该布局的使用场景有很多：搜索记录 ，商品sku, 一些标签等等 实现原理 UICollectionFlowLayout 是 在prepareLayout 创建布局属性，然后 通过 collectionViewContentSize 方法返回内容的size 通过layoutAttributesForElementsInRect 方法 返回各个item的布局的， 所以，我们自定义layout 的时候，需要重写这三
UITableViewCell / UICollectionViewCell用代码设置约束注意事项
weixin_33704234的博客
08-22 343
为什么80%的码农都做不了架构师？>>> ...
GridLayout自适应宽度
最新发布
07-23
要使GridLayout自适应宽度，可以使用`android:layout_width`属性设置为`wrap_content`。这样，GridLayout的宽度将根据其内容自动调整。 以下是一个示例代码，演示如何使GridLayout自适应宽度： ```xml <GridLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:columnCount="3"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button 1" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button 2" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button 3" /> </GridLayout> ``` 在上述代码中，我们创建了一个GridLayout，并将`android:layout_width`属性设置为`wrap_content`，以便使其自适应宽度。然后，在每个子项(Button)中，我们同样使用`android:layout_width="wrap_content"`来让子项自适应内容的宽度。 这样，当GridLayout显示在屏幕上时，它的宽度将根据子项的内容自动调整。 你可以根据自己的需求修改GridLayout的属性和子项的样式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值