• TKSmileSwitch:具有两个值的开关:悲伤和快乐。 • TKLiquidSwitch:具有液体样式动画的开关。...CocoaTextField CocoaTextField 是一个高度可定制的小型文本字段库,可以以编程方式和 storyboards 一起使用。...EXPANDING COLLECTION EXPANDING COLLECTION 是 Swift 制作的库,用于创建动画材质设计 UI 卡的 peek/pop 控制器。...中显示倾斜的单元格。...该库可用于每个 UICollectionView,水平和垂直具有动态单元格高度。 在可配置的项目中,可以配置倾斜大小,倾斜方向,倾斜角度,滚动方向,行距,项目大小以及排除第一个或最后一个单元倾斜。
图表 PNChart - 国内开源作者,动态的图表。 swift-linechart - 功能完整、实用的折线图组件。使用方便,参数配置简单。是不可多得的优质组件--swift。...Eureka.swift - Eureka 是 XLForm 的 Swift 的移植版本, 一个可以帮助开发者们快速构建 iOS 各种复杂表单的库, 具有较高的可扩展性, 方便自定制样式。...HorizontalScrollCell - HorizontalScrollCell是一款使用方便的水平方向可滚动的单元格,适用于UICollectionView中实现水片方向滚动视图。 。...Sapporo - swift 单元格模型驱动的集合视图管理器组件。又一个超实用的“轮子”。...NavTopImage.swift - NavigationController动态缩放titleView。
表相关与的TabBar SWTableViewCell - 国内开源作者,带很多手势的表单元格。 MCSwipeTableViewCell - 带很多手势的表单元格。...Eureka.swift - Eureka是XLForm的Swift的移植版本,一个可以帮助开发者们快速构建iOS各种复杂表单的库,具有较高的可扩展性,方便自定制样式。...HorizontalScrollCell - HorizontalScrollCell是一款使用方便的水平方向可滚动的单元格,适用于UICollectionView中实现水片方向滚动视图。...札幌 - swift单元格模型驱动的集合视图管理器组件。又一个超实用的“轮子”。...JXT_iOS_Demos - AboutNavigationBar:一些关于navigationBar的非常规的但是较为实用的操作,包括利用毛玻璃,动态透明,动态隐藏,以及头视图的动态缩放,并同时涉及了
#####集合视图的作用 集合视图是为了增强网格视图开发而在IOS6中开放的集合视图API。 #####集合视图的组成 集合视图有4个重要的组成部分,分别为: 单元格:即视图中的一个单元格。...:alwaysBounceVertical; 设置水平方向的反弹是否有效:alwaysBounceHorizontal; 是否允许滚动:scrollEnabled; 是否显示垂直方向的滚动条:showsVerticalScrollIndicator...; 是否显示水平方向的滚动条:showsHorizontalScrollIndicator; 是否允许多选:allowsMultipleSelection; #####数据源与委托协议 集合视图的委托协议是...#####UICollectionViewDelegateFlowLayout提供的一些方法 //动态设置每个Item的尺寸大小 - (CGSize)collectionView:(UICollectionView...:(NSInteger)section{ } 复制代码 //动态设置每个单元格的间距大小 - (CGFloat)collectionView:(UICollectionView *)collectionView
使用流式布局 继承 UICollectionViewDataSource,UICollectionViewDelegateFlowLayout 设置 Swift self.collectionView.register...self.collectionView.collectionViewLayout = flowLayout; self.collectionView.dataSource = self; self.collectionView.delegate = self; 代理方法 Swift...bounds.size.width, 320 ) } // 所有单元格位置属性 override func layoutAttributesForElementsInRect...} return attributesArray } // 这个方法返回每个单元格的位置和大小 override func layoutAttributesForItemAtIndexPath...{ //当前单元格布局属性 let attribute = UICollectionViewLayoutAttributes(forCellWithIndexPath:
10027 - Modern cell configuration介绍是网络视图与列表视图单元格的最新配置技巧 Discuss WWDC20 Session 10045 - Advances in diffable...Group 有三种形式水平(horizontal)、垂直(vertical)、自定义(custom)从这里可以看出,collectionView的布局越来越多样,越来越多样,多性能监控和用户行为监控提了更高的要求...debuger,而sdk方面可以在资源上报上做些文章,看看能不能动态的获取相关告警信息。...参考https://xiaozhuanlan.com/topic/9823657014 10.Swift 最后,事实上,这一次的WWDC介绍了大量的Swift的内容,这里没有涉猎,网上有很多相关的内容,...可以看出Swift早晚会转正,而且内容会更加完善,例如App Clip只在Swift上支持,有兴趣的同学可以看https://xiaozhuanlan.com/topic/2804537169 最后,可以参考
查阅苹果的文档可以得知,UICollectionView 的布局是抽象类 UICollectionViewLayout 的子类,它定义了 UICollectionView 中每个 item 的布局属性叫做...] 动态尺寸 有的人会问,瀑布流视图的惊艳之处就在于它的每个 Cell 的尺寸都是不一致的,那如何生成动态高度的 Cell 呢!...这里我用了 Swift 生成随机数的方式,在给每个 item 设置 frame 的时候,随机生成一个高度,这也是我们创建动态化界面的常用方式,这个代码逻辑就比较简单了,一行代码即可搞定: CGFloat...由于我们瀑布流视图的每个 Cell 的高度是动态的,为了实现这个需求,我们可以声明一个 protocol 并提供一个返回动态高度的方法,来为每个 Cell 提供动态的高度,代码如下: protocol...这里我的策略就是通过追踪计算每一列的高度值来得出最小高度的那一列,由于已知当前有最小高度的那一列的高度值以及索引值,那我们就可以为一个 Cell 计算得出它新的 X 坐标 和 Y 坐标,然后重新对该 Cell
UICollectionView横向分页的问题 情况 直接看图 滚前 滚后 已经设置collectionView的isPagingEnabled为true了,可是出现了这种情况,原因就是collectionView...的contentSize不够。...),让UICollectionView在创建的时候使用了它 在 LXFChatMoreCollectionLayout.swift 中我们需要重写父类的collectionViewContentSize...ceil(2)=ceil(1.2)=cei(1.5)=2.00 效果 至于如何让item水平布局,请参考《iOS - Swift UICollectionView横向分页滚动,cell左右排版》 附上相关项目...:Swift 3.0 高仿微信
基于 UICollectionViewFlowLayout,实现一个支持多 section 的瀑布流组件 最近因项目需求,写了一个支持多 section 的瀑布流实现组件,完全基于 swift...(PS:瀑布流的实现原理其实挺简单的,网上现有的教程一抓一大把,我也懒得复述了。。。) 稍微整理了下,让这个小组件尽量做到集成简单快捷。 1....初始化 因为基于 UICollectionViewFlowLayout 实现的,所以该 flowLayout 的初始化调用流程与系统的无异,只需要遵循 WaterfallMutiSectionDelegate...代理实现 2.1 必须实现代理方法 /// collectionItem高度 func heightForRowAtIndexPath(collectionView collection: UICollectionView..., layout: WaterfallMutiSectionFlowLayout, section: Int) -> Int /// header高度(默认为0) @objc optional
Context-Menu.iOS - 可以为app的菜单添加漂亮的动画内容,可自定义icon,并可根据自己的喜好设计单元格和布局。...KDIntroView - swift 动态介绍视图框架及演示。另外两个相似的类库是 RazzleDazzle和 Presentation,择需使用。...CardsAnimationDemo - swift,《使用 UICollectionView 实现的一个卡片动画》不是直接操作所有 UIView 和 CALayer 的 transform3D 属性来实现整个效果的...,而是使用 UICollectionView 来完成所有的视图管理和实现。...ZFCityGuides - 实现City Guides的动画效果,数字动态变化的动画效果。 NumberMorphView.swift - 可爱的数字补间(变身)动画类库。
1 定义 1.1 什么是UICollectionView UICollectionView是一种新的数据展示方式,简单来说可以把他理解成多列的UITableView(请一定注意这是UICollectionView...最简单的UICollectionView就是一个GridView,可以以多列的方式将数据进行展示。...需要注意根据滚动方向不同,header和footer的高和宽中只有一个会起作用。垂直滚动时section间宽度为该尺寸的高,而水平滚动时为宽度起作用,如图。 ...* kMyInfoCollectionCellHeight + 10; //确定是水平滚动,还是垂直滚动 UICollectionViewFlowLayout *flowLayout=...alloc] initWithFrame:CGRectZero collectionViewLayout: _flowLayout]; 要点1:单元格尺寸计算时要来考虑间隔线宽度的影响; 要点2:minimumLineSpacing
写在开头 大家早上好,今天我又给大家带来了一篇关于 UICollectionView 系列的文章,在上一篇文章中,我们实现了一个酷炫的瀑布流布局,带大家初步的了解了在 UICollectionView...首先大先看下 Cover Flow 的效果图,如下: 思路分析 闲话少说,直接进入正题,通过上面的效果图,我们可以分析到得出 Cover Flow 布局具有以下这些特性: UICollectionView...的滚动方向是横向的 随着 UICollectionView 滚动,Cell 会自动的进行缩放,当 Cell 的中心点与 UICollectionView 的中心点重合时放大,偏离中心点时缩小 Cell...第二步,要实现 Cell 随 UICollectionView 滚动时具有缩放效果,就需要找一个合适的时机对 Cell 进行缩放,我的思路是先计算出 UICollectionView 整体滚动内容的中心点的...,那剩下的就是在视图控制器中呈现了,这一步实现起来很简单,也不做赘述了,直接看源码: // // CoverFlowViewController.swift // SwiftScrollBanner
问题描述 我们首页有点复杂,因为结构是下面是一个横向滚动的 UIScrollView 上面是一个 UITableView 但是整体看起来是连贯的 所以上面的 UITableView 的高度就要算出来。...但是在 Xcode9运行时候发现 CELL 的高度代理竟然不走了,导致我计算高度的方法没有被执行,结果计算出高度为0....但是线上的包在iOS11上面显示十分的正常,并且团队其他的小伙伴运行没出现问题,就我的 Xcode9运行出现问题。 那就是 Xcode9打包出来的出现了问题。...解决办法 _tableView.rowHeight = 0; _tableView.estimatedRowHeight = 0; 感谢2017@Swift群里面的 List提供的解决办法。...这个最好的解决办法是抛弃左右滚动切换功能 这样最下面的 UICollectionView 就可以不用 直接整体一个 UITableView 这样就可以实现滚动顺畅。
UICollectionView 开发系列的第五篇,这也是该系列计划写的最后一篇啦!...当然,如果苹果开发者团队推出了关于 UICollectionView 的新的技术或者是我在开发中发现了新的技术点,我还是会持续更新这个系列,最终的目的是我希望通过这个系列的文章能把 UICollectionView...为 UICollectionView 添加 Supplementary View 首先看下效果图: 具体代码逻辑如下,注释已经在代码中添加: // // BaseAPIViewController.swift...新建一个继承自 UICollectionReusableView 的类,代码如下: // // DecorationView.swift // SwiftScrollBanner // // Created...但当我真正的去整理它的一些技术点时,我发现它实在是太灵活了,以前觉得追加视图,装饰视图这些东西很简单,几行代码的事情,但事实上,当你想要去实现一些高度自定义的界面的时候,你才会认识到自己的不足,你并没有对这些知识有更深层次的认知
没有注册这个 设置区头高度 -(CGSize)collectionView:(UICollectionView )collectionView layout:(UICollectionViewLayout...UICollectionView 是在UITbableView 之后出现的一种方便列布局的试图控件。...UICollectionView 的宽度 - 可容纳的item的宽度之和 再平分之后的距离就是每个Item之间的间距。 ?...item 的具体Frame attri.frame = CGRectMake(cellX, cellY, cellWidth, cellHeight); 实例中在自定义的方法中高度返回的是随机值:...动态布局.gif 主要实现的过程用到了 一些新的collection view方法: beginInteractiveMovementForItemAtIndexPath(indexPath: NSIndexPath
前言:先看下效果 Tips: 这是用Swfit写的一个小Demo,用UICollectionView实现的拖拽排序,点击排序的效果。...我所用的UICollectionView的排序方法是系统默认的方法,优点是比较简单,不用自己去计算太多。缺点是只支持iOS 9.0以后的版本。...(方法均为UICollectionView提供的方法,只支持iOS 9.0以后的版本) class HQChannelListViewController: UIViewController {...'删除'或'新增'问题. 2.不这样处理,就会崩溃.自己算法水平有限,也是真的没想到什么比较好的办法. 3.可能有人比较较真,提到如果真的像搜狐那么多'section...总结 用Swift造的第一个轮子,主要是给自己增加点积累,也练练Swift的一些用法。
并提供了视图隐藏和显示时会自动激发布局、布局视图的高度自适应(UITableviewCell动态高度)、标签云实现、左右内容宽度自适应、按比例分配尺寸和间距、整体停靠控制等等各种强大的功能。...视图C的宽度占用父视图的所有宽度,高度是40。 视图D的右边距是20,宽度是父视图宽度的50%,高度是40。 最终的效果图如下: !...这里的约束限制主要有数量约束限制和内容尺寸约束限制两种,而换行的方向又分为垂直和水平方向,因此流式布局一共有垂直数量约束流式布局、垂直内容约束流式布局、水平数量约束流式布局、水平内容约束流式布局。...流式布局主要应用于那些子视图有规律排列的场景,在某种程度上可以作为UICollectionView的替代品。...路径布局主要应用于那些具有特定规律的不规则排列,而且效果很酷炫的的界面布局。
iOS流布局UICollectionView系列三——使用FlowLayout进行更灵活布局 一、引言 前面的博客介绍了UICollectionView的相关方法和其协议中的方法,但对布局的管理类...NS_ENUM(NSInteger, UICollectionViewScrollDirection) { UICollectionViewScrollDirectionVertical,//水平布局...的相关属性UICollectionViewDelegateFlowLayout 上面的方法在创建FlowLayout时静态的进行设置,如果我们需要动态的设置这些属性,就像我们例子中的,每个...:(NSInteger)section; 动态设置每行的间距大小 - (CGFloat)collectionView:(UICollectionView *)collectionView layout:...:(NSInteger)section; 动态设置某个分区尾视图大小 - (CGSize)collectionView:(UICollectionView *)collectionView layout
iOS UICollectionView实现跑马灯和轮播效果.gif 功能描述:WSL_RollView 是基于UICollectionView实现的支持水平和垂直两个方向上的的分页和渐进循环轮播效果...,可以设置时间间隔、渐进速率、是否循环、分页宽度和间隔,还支持高度自定义分页视图的控件。...一、实现方法 ①、 首先用UICollectionView和计时器实现一个基本的水平滚动效果,如下图,这个太简单就不在此详述。...自定义分页宽度:默认的分页宽度是UICollectionView的宽度,所以当分页宽度的不等于UICollectionView的宽度或分页间隔不等于0时会出现错误,这时就需要我们通过自定义UICollectionViewFlowLayout...,前边尾首相连需要UICollectionView可见范围内的数据源后边的元素cell,后边首尾相连需要UICollectionView可见范围内的数据源前边的元素cell //获取首尾相连循环滚动时需要用到的元素
开始 小明是A公司的iOS程序员,刚入职不久,A公司的产品经理想出来一个新需求,正好安排给小明完成。 产品经理提出要做一个feed流页面,显示用户所关注的其他所有用户的动态。...reload这一行,在heightForRow代理方法中判断isExpand,返回小明已在FeedCellModel中已经计算的两个高度(初始高度和全部高度)。...,还是预先计算出高度,根据数据加对应数量的commentView,删除一个再重新计算一下高度。...准备工作:布局collectionView和绑定适配器 BaseListViewController.swift let collectionView: UICollectionView =...基本上都是要自己计算cell的size的,不过IGListKit将大cell分成小cell了,计算高度已经变的容易很多了,这个缺点可以忽略了 因为是基于UICollectionView的,所以没有UITableView
领取专属 10元无门槛券
手把手带您无忧上云