该怎么说呢，这是一个很坑的事情，今天在完成一个界面的时候，用了xib来自定义UICollectionViewCell。...- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(...forIndexPath:indexPath]; cell.dataDic = self.itemList[index]; return cell; } 但是问题是，在这些过程完成之后，自定义的单元格对象...cell是可以获取，但是其上与代码文件关联的视图对象却都是nil。...回想一下编码的过程，我刚开始使用了autolayout，后来没有使用了，我想可能就是因为反复修改之后的编译缓存带来的问题。 唉，不得不说xocde的bug还是不少的，在这里记下这个坑，希望对大家有用。
下面来一起看看吧 实现方法 一、使用 View.measure 测量 View 该方法测量的宽度和高度可能与视图绘制完成后的真实的宽度和高度不一致。...view.getMeasuredHeight(); // 获取高度 二、使用 ViewTreeObserver....OnGlobalLayoutListener 监听事件 在布局发生改变或者某个视图的可视状态发生改变时调用该事件，会被多次调用，因此需要在获取到视图的宽度和高度后执行 remove 方法移除该监听事件...view.getHeight(); // 获取高度 } }); 七、使用 View.post() 方法 Runnable 对象中的方法会在 View 的 measure、layout 等事件完成后触发...像在自定义中，加载一次布局，应该选中最后一个post的方法最为使用。 另外还用的多的，应该是第三种方式，一般在外部使用，比如需要等待Recyclerview绘制完成后进行的操作。
2] => 2 [3] => width="170" height="254" [bits] => 8 [channels] => 3 [mime] => image/jpeg ) 这次要用到的就是第四个元素了
背景 在开发IM的项目过程中，经常会有出现一些需要计算DOM高度，然后超出若干行隐藏等需求。很多时候，需要计算高度的DOM元素都是动态生成的，我们无法在数据渲染前获取到它的高度。...但是，如果我们需要获取到这段在内存中未渲染的动态文本，也能够通过如下几个方法。...获取高度后页面行数计算将在后面统一讲解。 优点 此方案通过直接在实际场景的页面上渲染后进行高度计算，因此计算精准，不存在任何偏差。...为什么我们不使用display:none来实现上述效果呢？因为在使用了该属性后，window.getComputedStyle获取的高度将变为auto。...总结 获取动态元素的高度一直都是IM项目中的一个重要需求，自己在这个方面也踩了许多坑，因此写了这一篇博客来进行记录，同时其他人如果看到了也可以避免一些常见问题。
中的cell特性外，CollectionView中的Item大小和位置可以自由定义 4、通过layout布局回调的代理方法，可以动态的定制每个item的大小和collection的大体布局属性 5、更加强大一点...，完全自定义一套layout布局方案，可以实现意想不到的效果 这篇博客，我们主要讨论CollectionView使用原生layout的方法和相关属性，其他特点和更强的制定化，会在后面的博客中介绍 二、先来实现一个最简单的九宫格类布局...，因此这里统一了从复用池中获取cell的方法，没有再提供可以返回nil的方式，并且在UICollectionView的回调代理中，只能使用从复用池中获取cell的方式进行cell的返回，其他方式会崩溃，... * cell = [[UICollectionViewCell alloc]init]; return cell; } 上面错误的方式会崩溃，信息如下，让我们使用从复用池中取cell的方式：...属性，这个UICollectionViewLayoutAttributes对象 //存放着布局的相关数据，可以用来做完全自定义布局，后面博客会介绍 - (nullable UICollectionViewLayoutAttributes
这种布局无疑在app的应用中更加广泛，商品的展示，书架书目的展示，都会倾向于采用这样的布局方式，当然，通过自定义FlowLayout，我们也很容易实现。...，因此，collectionView在进行UI布局前，会通过这个类的对象获取相关的布局信息，FlowLayout类将这些布局信息全部存放在了一个数组中，数组中是UICollectionViewLayoutAttributes...：方法来获取这个布局配置数组。...因此，我们需要重写这个方法，返回我们自定义的配置数组，另外，FlowLayout类在进行布局之前，会调用prepareLayout方法，所以我们可以重写这个方法，在里面对我们的自定义配置数据进行一些设置...简单来说，自定义一个FlowLayout布局类就是两个步骤： 1、设计好我们的布局配置数据 prepareLayout方法中 2、返回我们的配置数组 layoutAttributesForElementsInRect
，如果我们要实现要求高一点的定制化布局，它就没法满足实际的要求了，那我们能否实现自定义的布局方案呢！...今天我给大家带来的这篇教程中，将演示如何实现一个自定义的瀑布流布局方案，类似下图： 大家在这个过程中会学习到以下几个知识点： 1.关于自定义布局2.动态尺寸 Cell 的处理3.计算和缓存布局属性 好了...自定义布局 日常开发中，我们使用 UICollectionView 控件都会搭配一个默认的，提供一些基础的布局 UICollectionViewFlowLayout 来使用，但是当我们需要实现定制化程度比较高的界面时...] 动态尺寸 有的人会问，瀑布流视图的惊艳之处就在于它的每个 Cell 的尺寸都是不一致的，那如何生成动态高度的 Cell 呢！...由于我们瀑布流视图的每个 Cell 的高度是动态的，为了实现这个需求，我们可以声明一个 protocol 并提供一个返回动态高度的方法，来为每个 Cell 提供动态的高度，代码如下： protocol
UICollectionViewCell是单元格类，它的布局是由UICollectionViewLayout类定义的，它是一个抽象类。...UICollectionViewFlowLayout类是UICollectionViewLayout类的子类，对于复杂的布局，可以自定义UICollectionViewLayout类。...自定义一个单元格类，它需要继承UICollectionViewCell。...collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{ //获取当前要操作的...collectionView:(UICollectionView *)collectionView didDeselectItemAtIndexPath:(NSIndexPath *)indexPath{ //获取当前要操作的
平常我在业务开发中，绝大部分情况都是使用的UITableView，而UICollectionView则是在极少情况下才会去使用，这就导致了我对UICollectionView略感陌生。...UICollectionView的collectionCell支持横向&纵向布局，比UITableView的tableCell只有纵向布局要更加灵活。...但是UICollectionViewCell是没有默认样式的，所有的控件都需要自定义添加到contentView上。...而UICollectionViewCell的获取，必须是先注册，然后通过dequeue方法获取。 系统默认给我们提供了一种layout——UICollectionViewFlowLayout。...layout，如果我们想要实现一个自定义的布局，那么就新建一个继承自UICollectionViewLayout的子类，然后去自定义。
iOS流布局UICollectionView系列六——将布局从平面应用到空间 一、引言 前面，我们将布局由线性的瀑布流布局扩展到了圆环布局，这使我们使用UICollectionView的布局思路大大迈进了一步...iOS系统的控件中，也并非没有这样的先例，UIPickerView就是很好的一个实例，这篇博客，我们就通过使用UICollectionView实现一个类似系统的UIPickerView的布局视图，来体会...至于layoutAttributesForItemAtIndexPath方法，它也是UICollectionViewLayout类中的方法，用于我们自定义时进行重写，至于为什么动态布局要在这里面配置item...在我们自定义的布局类中重写layoutAttributesForElementsInRect，在其中返回我们的布局数组： -(NSArray<UICollectionViewLayoutAttributes...布局的效果我们已经完成了，离成功很近了对吧，只是现在的布局是静态的，我们不能滑动这个滚轮，我们还需要用动态滑动做一些处理。
iOS流布局UICollectionView系列五——圆环布局的实现 一、引言 前边的几篇博客，我们了解了UICollectionView的基本用法以及一些扩展，在不定高的瀑布流布局中...二、设计一个圆环布局 接着我们以前的想法，依然时候随机颜色的色块来表达我们的item，先自定义一个layout类，这个类继承于UICollectionViewLayout，UICollectionLayout...是一个布局抽象基类，我们要使用自定义的布局方式，必须将其子类化，可能你还记得，我们在进行瀑布流布局的时候使用过UICollectionViewFlowLayout类，这个类就是继承于UICollectionViewLayout...，来进行圆环布局的设置，首先是prepareLayout，为布局做一些准备工作，使用collectionViewContentSize来设置内容的区域大小，最后使用layoutAttributesForElementsInRect...(void)prepareLayout{ [super prepareLayout]; //获取item的个数 _itemCount = (int)[self.collectionView
我目前使用的是 vant-ui 3.1.2 popup 弹出层组件，我想要获取弹出层的高度来计算一些东西，但是使用常规定义 ref dom 的方式总是无法获取，最终找到方案如下： vant-ui 官方文档...close="closeElements" > const vantPop = ref(null) // 获取...vantPop 的高度 const popHeight = vantPop.value?.
开始 小明是A公司的iOS程序员，刚入职不久，A公司的产品经理想出来一个新需求，正好安排给小明完成。 产品经理提出要做一个feed流页面，显示用户所关注的其他所有用户的动态。...reload这一行，在heightForRow代理方法中判断isExpand,返回小明已在FeedCellModel中已经计算的两个高度（初始高度和全部高度）。...: Any) { ///在这里请求点赞，然后重新给favorLable赋值 } 然后又到FeedCellModel里面在原有计算高度的地方加一下点赞控件的高度。...,还是预先计算出高度，根据数据加对应数量的commentView，删除一个再重新计算一下高度。...使用的是Paul Heckel 的A technique for isolating differences between files 的算法。
使用流式布局 继承 UICollectionViewDataSource,UICollectionViewDelegateFlowLayout 设置 Swift self.collectionView.register...*)cell forItemAtIndexPath:(NSIndexPath *)indexPath { // 获取当前显示的cell的下标 NSIndexPath *firstIndexPath...{ header.titleLabel.text = "推荐分类" } return header } 使用自定义布局 继承 UICollectionViewDataSource...,UICollectionViewDelegate 自定义布局 import UIKit class MainLayout : UICollectionViewLayout { //...{ //当前单元格布局属性 let attribute = UICollectionViewLayoutAttributes(forCellWithIndexPath:
iOS流布局UICollectionView系列三——使用FlowLayout进行更灵活布局 一、引言 前面的博客介绍了UICollectionView的相关方法和其协议中的方法，但对布局的管理类...UICollectionView的简单使用：http://my.oschina.net/u/2340880/blog/522613 UICollectionView相关协议方法：http://my.oschina.net.../u/2340880/blog/522613 通过layout的设置，我们可以编写更加灵活的布局效果。...二、将九宫格式的布局进行升级 在第一篇博客中，通过UICollectionView，我们很轻松的完成了一个九宫格的布局，但是如此中规中矩的布局方式，有时候并不能满足我们的需求，有时我们需要每一个...现在的布局效果是不是炫酷了许多。
tableview不同，后者可以不用重用，但是前者必须使用重用机制 - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView...，我们自定义的布局类是继承于流式布局类的。...3.布局 #pragma mark - 准备布局 -(void)prepareLayout{ //准备布局 [super prepareLayout]; //初始化列高度的数组...cell,所以我们写了一个判断的方法，获取cell的属性当然还是通过之前的cellInfoDic来获取。...: UICollectionViewCell @property (nonatomic,strong)UIImage * image; @end 可以看到，我们自定义的cell是继承于原始的cell的
layout.estimatedItemSize = CGSize(width:50,height:50)复制代码 这会告诉UICollectionView我们想要开启动态计算内容的布局。...至今，我们能有3种方法来动态的布局。 第一种方法是使用autolayout 当我们合理的加上了constrain，当cell加载的时候，就会根据内容动态的加载布局。...如果flow layout可以用数学的方法动态的计算布局，而不是根据我们给的size去布局，那会是件很酷的事情。 iOS 10中就引入了新的API来解决上述的问题。...系统会自动计算好所有的布局，包括已经定下来的size的cell，并且还会动态的给出接下来cell的大小的预测。 接下来看2个例子就可以很明显看出iOS 10针对self-sizing的改进了。...在上图中，我们可以看到，我们即使任意拖动cell，整个界面也会重新排列，并且我们改变了cell的大小，整个 UICollectionView 也会重新动态的布局。
bounces = false 这样滑动的时候就会有翻页的段落感，滑到边界的时候也不会有回弹效果。...然后要用 layout 控制布局，用最常用的 UICollectionViewFlowLayout 就行了，设置单元格的宽高，既然是翻页，宽肯定是跟屏幕等宽，高度就看你需求了，但是不要超过 collectionView...接下来我们要自定义一个UICollectionViewCell，让它包含一个 tableView： class HomeCollectionViewCell: UICollectionViewCell...collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell...，也不能正确的显示（奇数页都显示第一页的数据，偶数页都显示第二页的数据）。
（一） 说明 上一篇只能下载一页的数据，第2、3、4....100页的数据没法获取，在上一篇的基础上修改了下，使用selenium去获取所有页的href属性值。...使用selenium去模拟浏览器有点麻烦，例如有300页就要点300次（按博客园这种一页20条，也就是6000条数据。...selenium获取所有随笔href属性的值，url只能传小类的，例如https://www.cnblogs.com/cate/python/ 13 def selenium_links(url):...('//div[@id="cnblogs_post_body"]/p') # 获取正文内容 77 pre = tree.xpath('//pre') # 获取随笔代码部分（使用博客园自带插入代码功能插入的...，调用download函数时下载不到正确的网页，导致获取不到标题 87 #title会是空列表，这里忽略这篇随笔,利用http.cookiejar模块应该可以解决这种问题，以后再看看这个模块了
iOS流布局UICollectionView系列七——三维中的球型布局 一、引言 通过6篇的博客，从平面上最简单的规则摆放的布局，到不规则的瀑布流布局，再到平面中的圆环布局，我们突破了线性布局的局限...，在后面，我们将布局扩展到了空间，在Z轴上进行了平移，我们实现了一个类似UIPickerView的布局模型，其实我们还可以再进一步，类比于平面布局，picKerView只是线性排列布局在空间上的旋转与平移...，这次，我们更加充分了利用一下空间的尺寸，来设计一个圆球的布局模型。.../522748 4.自定义FlowLayout进行瀑布流布局：http://my.oschina.net/u/2340880/blog/522806 5.平面圆环布局的实现：http://my.oschina.net...滑动屏幕，这个圆球是可以进行滚动的。 TIP：这里我们只平均分配了四个方向上的布局，如果item更加小也更加多，我们可以分配到更多的方向上，使球体更加充实。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
