iOS UICollectionView实现跑马灯和轮播效果.gif 功能描述：WSL_RollView 是基于UICollectionView实现的支持水平和垂直两个方向上的的分页和渐进循环轮播效果...iOS UICollectionView ②、对比上面的效果图，我们还需要解决分页的宽度和循环滚动的问题。...自定义分页宽度：默认的分页宽度是UICollectionView的宽度，所以当分页宽度的不等于UICollectionView的宽度或分页间隔不等于0时会出现错误，这时就需要我们通过自定义UICollectionViewFlowLayout.../** 返回值决定了collectionView停止滚动时的偏移量 手指松开后执行 * proposedContentOffset：原本情况下，collectionView停止滚动时最终的偏移量 *...indexPathForItemAtPoint:CGPointMake(_collectionView.contentSize.width - self.frame.size.width + 1,
iOS流布局UICollectionView系列四——自定义FlowLayout进行瀑布流布局 一、引言 前几篇博客从UICollectionView的基础应用到设置UICollectionViewFlowLayout...总之，FlowLayout类将每个item的位置等布局信息放在一个数组中，在collectionView布局时，会调用FlowLayout类layoutAttributesForElementsInRect... *)collectionView{ return 1; } -(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection...:(NSInteger)section{ return 100; } -(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView...(7_0); //配置item的旋转 @property (nonatomic) CGAffineTransform transform NS_AVAILABLE_IOS(7_0); //配置item的
= UICollectionView(frame: CGRect(x: 0, y: 0, width: self.view.frame.size.width, height: self.view.frame.size.height...section: Int) -> CGSize { return CGSize(width: collectionView.frame.size.width, height: 50)...: collectionView.frame.size.width, height: 50) } } 讲到到这里，我就已经为 UICollectionView 的 section 加上了 headerView...的强大，我还实现了一个功能，那就是使得书架里的书可以自由拖拽排序，这里就用到了另外一个知识点：手势 UIGestureRecognizer 手势拖拽 在 iOS9 之后，UICollectionView...但当我真正的去整理它的一些技术点时，我发现它实在是太灵活了，以前觉得追加视图，装饰视图这些东西很简单，几行代码的事情，但事实上，当你想要去实现一些高度自定义的界面的时候，你才会认识到自己的不足，你并没有对这些知识有更深层次的认知
1.2 UICollectionViewDataSource • section的数量-numberOfSectionsInCollection: • 某个section里有多少个item-collectionView...但值得注意的时，在UICollectionView中，不仅cell可以重用，Supplementary View和Decoration View也是可以并且应当被重用的。...垂直滚动时section间宽度为该尺寸的高，而水平滚动时为宽度起作用，如图。 ...iOS开发-UICollectionView详解+实例 http://www.cnblogs.com/ios8/p/iOS-UICollectionView.html iOS开发 纯代码创建UICollectionView...tid-245356.html ios开发——解决UICollectionView的cell间距与设置不符问题 http://www.bkjia.com/IOSjc/917782.html UICollectionView
我所用的UICollectionView的排序方法是系统默认的方法，优点是比较简单，不用自己去计算太多。缺点是只支持iOS 9.0以后的版本。...: UICollectionView = { let collectionView = UICollectionView(frame: self.view.bounds...: UICollectionView) -> Int { return 2 } func collectionView(_ collectionView: UICollectionView...array1.count : array2.count } func collectionView(_ collectionView: UICollectionView, cellForItemAt...func collectionView(_ collectionView: UICollectionView, moveItemAt sourceIndexPath: IndexPath, to
iOS流布局UICollectionView系列六——将布局从平面应用到空间 一、引言 前面，我们将布局由线性的瀑布流布局扩展到了圆环布局，这使我们使用UICollectionView的布局思路大大迈进了一步...iOS系统的控件中，也并非没有这样的先例，UIPickerView就是很好的一个实例，这篇博客，我们就通过使用UICollectionView实现一个类似系统的UIPickerView的布局视图，来体会...至于layoutAttributesForItemAtIndexPath方法，它也是UICollectionViewLayout类中的方法，用于我们自定义时进行重写，至于为什么动态布局要在这里面配置item...首先，我们先将所有的item的位置都设置为collectionView的中心： atti.center = CGPointMake(self.collectionView.frame.size.width...return CGSizeMake(self.collectionView.frame.size.width, self.collectionView.frame.size.height*([self.collectionView
自打 Apple 在 iOS6 中引入 UICollectionView 这个控件之后，越来越多的 iOS 开发者选择将它作为构建 UI 的首选，如此吸引人的原因在于它的可定制化程度非常的高，非常的灵活...自定义布局 日常开发中，我们使用 UICollectionView 控件都会搭配一个默认的，提供一些基础的布局 UICollectionViewFlowLayout 来使用，但是当我们需要实现定制化程度比较高的界面时...查阅苹果的文档可以得知，UICollectionView 的布局是抽象类 UICollectionViewLayout 的子类，它定义了 UICollectionView 中每个 item 的布局属性叫做...(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { return itemCount...} func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath
iOS流布局UICollectionView系列五——圆环布局的实现 一、引言 前边的几篇博客，我们了解了UICollectionView的基本用法以及一些扩展，在不定高的瀑布流布局中... alloc]init]; //先设定大圆的半径 取长和宽最短的 CGFloat radius = MIN(self.collectionView.frame.size.width, self.collectionView.frame.size.height...)/2; //计算圆心位置 CGPoint center = CGPointMake(self.collectionView.frame.size.width/2, self.collectionView.frame.size.height... *)collectionView{ return 1; } -(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection...:(NSInteger)section{ return 10; } -(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView
UICollectionView横向分页的问题 情况 直接看图 滚前 滚后 已经设置collectionView的isPagingEnabled为true了，可是出现了这种情况，原因就是collectionView...contentSize: {562.5, 192.25} > 解决方案 有两种方式可以解决，数据只有11个，要分两页需要16个，那我们可以直接添加数据到16个，然后在dataSource中返回cell时进行判断及处理即可...frame.size.width let nbOfScreen: Int = Int(ceil(size.width / collectionViewWidth)) let newSize...: CGSize = CGSize(width: collectionViewWidth * CGFloat(nbOfScreen), height: size.height) return newSize...ceil(2)=ceil(1.2)=cei(1.5)=2.00 效果 至于如何让item水平布局，请参考《iOS - Swift UICollectionView横向分页滚动，cell左右排版》 附上相关项目
class ViewController: UIViewController { @IBOutlet var collectionView: UICollectionView!...: UICollectionView) -> Int { return 1 } func collectionView(_ collectionView: UICollectionView...} } extension ViewController: UICollectionViewDelegate { func collectionView(_ collectionView: UICollectionView...dataSource.supplementaryViewProvider = { (collectionView: UICollectionView, kind: String, indexPath...: collectionView, cellProvider: { view, indexPath, item in
iOS流布局UICollectionView系列七——三维中的球型布局 一、引言 通过6篇的博客，从平面上最简单的规则摆放的布局，到不规则的瀑布流布局，再到平面中的圆环布局，我们突破了线性布局的局限... *)collectionView{ return 1; } //我们返回30的标签 -(NSInteger)collectionView:(UICollectionView *)collectionView...prepareLayout]; } //返回的滚动范围增加了对x轴的兼容 -(CGSize)collectionViewContentSize{ return CGSizeMake( self.collectionView.frame.size.width...(self.collectionView.frame.size.width/2+self.collectionView.contentOffset.x, self.collectionView.frame.size.height.../self.collectionView.frame.size.height; float angleOffsetx = offsetx/self.collectionView.frame.size.width
count } func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath:...我们知道在 UICollectionView 的属性中，有一个分页的属性：isPagingEnabled，当设置成 true 时，每次滚动的位移量等于它自身 frame 的宽度；当不设置这个分页属性，它的默认值是...停止滚动时的偏移量，可以通过重写这个函数来实现自定义的分页滚动，重写这个函数的逻辑思路如下： 定义一个坐标点 CGPoint 来记录最新滚动的偏移坐标 定义俩个值分别为 UICollectionView...最后记录最新的偏移坐标，然后返回 UICollectionView 停止滚动时的偏移量 代码实现如下： class RowStyleLayout: UICollectionViewFlowLayout...decelerationRate = .fast } // 这个方法的返回值，决定了 CollectionView 停止滚动时的偏移量 override func targetContentOffset
全民直播，一下子掀起了直播的技术潮，今天要聊聊如何实现一个ios的直播app。 首先来看最终的效果： ?...: UICollectionView) -> Int { return baseVM.anchorGroups.count } func collectionView...[section].anchors.count } func collectionView(_ collectionView: UICollectionView, cellForItemAt...] return cell } func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind...[indexPath.section].anchors[indexPath.item] anchor.isVertical == 0 ?
的滚动方向是横向的 随着 UICollectionView 滚动，Cell 会自动的进行缩放，当 Cell 的中心点与 UICollectionView 的中心点重合时放大，偏离中心点时缩小 Cell...第二步，要实现 Cell 随 UICollectionView 滚动时具有缩放效果，就需要找一个合适的时机对 Cell 进行缩放，我的思路是先计算出 UICollectionView 整体滚动内容的中心点的...bounds.size.width, height: collectionView!.bounds.size.height)) // 3....collectionView = UICollectionView(frame: CGRect(x: 0, y: 180, width: view.bounds.width, height...BaseCollectionViewCell cell.cellIndex = indexPath.item cell.backgroundColor = indexPath.item
: UICollectionView) -> Int { return 1; } func collectionView(_ collectionView: UICollectionView...indexPath: IndexPath) -> CGSize { return CGSize(width: self.collectionView.frame.width/3, height...:(NSIndexPath *)indexPath{ return CGSizeMake(self.collectionView.frame.size.width, self.collectionView.frame.size.height...= indexPath.item; if (item == 0) { attribute.frame = CGRectMake(leftSpace, right1Y...(collectionView: UICollectionView) -> Int { return 1; } func collectionView(collectionView:
前言 iOS UICollectionView 从右向左对齐(Aligning right to left on UICollectionView) 实现原理：采用setTransform对其进行水平翻转...UICollectionViewCell内部包含子视图自定义按钮ERPbtn4Radius 1.1 核心步骤 首先，在创建UICollectionView时，对其进行了水平翻转： [_...collectionView setTransform:CGAffineTransformMakeScale(-1,1)]; 在更新UICollectionViewCell的数据模型时，对它的contentView...ERPBtnCollectionViewCell"]; if (@available(iOS 11.0, *)) { _collectionView.contentInsetAdjustmentBehavior...上从右向左对齐(Aligning right to left on UICollectionView) //1、首先，在创建UICollectionView时，我对其进行了水平翻转：
: UICollectionView) -> Int { return 1 } //返回多少个cell func collectionView(collectionView: UICollectionView...(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell...+model.like_count return cell } //返回HeadView的宽高 func collectionView(collectionView: UICollectionView...: width, height: height/1.6) } //返回自定义HeadView或者FootView，我这里以headview为例 func collectionView(collectionView...Home_HeadView } return v } //返回cell 上下左右的间距 func collectionView(collectionView: UICollectionView
; } -(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView { return 1;...} - (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)...// typedef [super prepareLayout]; // 设计 item的宽度 设计3列或者2列 float WIDTH = ([UIScreen...)/3; //定义数组保存每一列的高度 //这个数组的主要作用是保存每一列的总高度，这样在布局时，我们可以始终将下一个Item放在最短的列下面，初始化值全都定义成零...*/ // int width=0; // if (colHight[0]<colHight[1]) { // // //将新的item
全民直播，一下子掀起了直播的技术潮，今天要聊聊如何实现一个ios的直播app。 首先来看最终的效果： ?...lazy var collectionView : UICollectionView = {[unowned self] in let layout = UICollectionViewFlowLayout...[section].anchors.count } func collectionView(_ collectionView: UICollectionView,...] return cell } func collectionView(_ collectionView: UICollectionView,...[indexPath.section].anchors[indexPath.item] anchor.isVertical == 0 ?
在iOS10中，苹果为UICollectionViewCell引入了Pre-Fetching预加载机制用于提升它的性能。...:(UICollectionView *)collectionView prefetchItemsAtIndexPaths:(NSArray *)indexPaths NS_AVAILABLE_IOS...(10_0); @optional // 取消提前加载数据 - (void)collectionView:(UICollectionView *)collectionView cancelPrefetchingForItemsAtIndexPaths...运行环境：Xcode 8.2.1 + iOS 10.2 核心步骤： 1、遵从 UICollectionViewDataSourcePrefetching 协议 2、实现 collectionView...; } - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
