iOS流布局UICollectionView系列一——初识与简单使用UICollectionView 一、简介 UICollectionView是iOS6之后引入的一个新的UI控件，它和...中的cell特性外，CollectionView中的Item大小和位置可以自由定义 4、通过layout布局回调的代理方法，可以动态的定制每个item的大小和collection的大体布局属性 5、更加强大一点... 在了解UICollectionView的更多属性前，我们先来使用其进行一个最简单的流布局试试看，在controller的viewDidLoad中添加如下代码： //创建一个layout...是iOS6.0之前的新类，因此这里统一了从复用池中获取cell的方法，没有再提供可以返回nil的方式，并且在UICollectionView的回调代理中，只能使用从复用池中获取cell的方式进行cell...则会在一列充满后，进行第二列的布局，这种方式也被称为流式布局 三、UICollectionView中的常用方法和属性 //通过一个布局策略初识化CollectionView - (instancetype
写在开头 大家早上好，今天我又给大家带来了一篇关于 UICollectionView 系列的文章，在上一篇文章中，我们实现了一个酷炫的瀑布流布局，带大家初步的了解了在 UICollectionView...中该如何创建自定义布局。...但是上一篇中实现的自定义布局稍显简单，只能说是比较粗略的计算了下布局各个 item 的位置，搞明白了继承自 UICollectionFlowLayout 子类它需要重载的方法的意义，那么今天这篇文章我们就来实现一个更加复杂的自定义布局...同学你讲的没错，但是当我们 Cell 的 width 加上边距等如果不占满 UICollectionView，那么就会出现一个问题，虽然你实现了分页效果，但是你的 Cell 在滚动的过程中是不会居中的....，那剩下的就是在视图控制器中呈现了，这一步实现起来很简单，也不做赘述了，直接看源码： // // CoverFlowViewController.swift // SwiftScrollBanner
版本更新升级 我们不需要再修改老版本 Swift 语言编译的库了。...弹性/韧性 解决易碎二进制接口问题 Fragile binary interface problem是面向对象编程语言的通病 如果在程序中引入了外部库 我们的的程序中使用并继承了该外部库中的类 如果外部库有改动...我们必须重新编译所有该类的继承树 而这类问题被称为脆弱的基类 (Fragile base class) 可移植性 这个对于高级语言是很重要的特性，这意味着Swift可被移植到其他平台上。...新的API设计规范 Swift3.0 发布了新的语言设计规范 其中在Swift3.0中标准库和核心库将会遵循这个设计规范。...规范地址 从函数参数中删除var关键字 func doSomethingWithVar(var i: Int) { i = 2 // This will NOT have an effect
在ViewController里自定义了两个数组，我的频道(myChannels)和更多频道(moreChannels) 在点击+跳转到频道管理页面的点击方法里面有一个回调方法，即：将选中的频道、以及自定义后的频道回传到此页面...HQChannelListHeaderViewIdentifier = "HQChannelListHeaderViewIdentifier" private let itemW: CGFloat = (SCREEN_WIDTH - 60) / 4 自定义流水布局...，设置布局的一些属性 // MARK: - 自定义布局属性 class HQChannelListViewLayout: UICollectionViewFlowLayout { override...总结 用Swift造的第一个轮子，主要是给自己增加点积累，也练练Swift的一些用法。...仔细观察了一下，《头条》或者《搜狐》的更多频道里，如果将我的频道中的Item移动到更多频道里，《搜狐》只是放在更多频道里面的最后一个位置，《头条》是放在第一个的位置，并没有放哪里都行，我突然又感觉我自己的又有点多此一举了
前言 Hello, 大家好，今天准备和大家继续分享如何利用 Swift 来实现一个网易云音乐的首页；上俩篇文章文章发布以后，我收获了不少小伙伴的关注与点赞，同时也得到了一些非常有用的建议，在这里再次感谢大家的认可...这里就不绕弯子了，当然是用最常用的内容展示神器 UICollectionView 这个控件了，读完本篇文章你会发现真是万物皆可使用 UICollectionView。...具体实现该效果的代码在这里我就不做多阐述了，因为在我之前的文章中，我已经将实现这个效果的教程写出来了，查看此文即可：使用 UICollectionView 实现首页卡片轮播效果 圆形菜单入口 该效果实现起来很简单...Cell 中放置 UICollectionView，它的布局也很简单，直接用系统提供的即可，不需要我们去自定义布局。..., 用于展示 Cell 中相同的地方；然后我们在各个 Cell 中构建不同样式的 UI，利用 UICollectionView 这一神器实现了这些效果；最后，实现了简单的搜索功能。
在iOS10中，苹果为UICollectionViewCell引入了Pre-Fetching预加载机制用于提升它的性能。...cancelPrefetchingForItemsAtIndexPaths:(NSArray *)indexPaths NS_AVAILABLE_IOS(10_0); @end 网上搜了一大圈...，讲述原理的（翻译文档）的文章很多，有干货的Demo很少，于是乎自己摸索了一下，写了一个简单的案例，在此记录并分享一下。...//创建布局 UICollectionViewLayout *layout = [[MyCollectionViewFlowLayout alloc]init]; //初始化一个...效果演示.gif 写在后面的话 1、这个新特性仍然需要探究 2、遇到的一个坑：细心看的话可以发现我的字典是懒加载的，如果直接在viewDidLoad中初始化会在 weakSelf.imgs[currentURL
UICollectionView 是 iOS6 之后引入的一个新的 UI 控件，与 UITableView 有着很多相似的地方，在开发过程中我们都会选择使用它们俩来为 App 的整个页面进行布局，比如说淘宝的首页...；相比 UITbleView，UICollectionView 的功能比它要强大的多，它支持水平与垂直俩种方向的布局，开发者可以完全自定义一套 layout 布局方案，实现出意想不到的效果。...如何使用 UICollectionView 实现网易云首页卡片轮播效果。...UIScrollView 然后又支持横向滚动，所以使用 UICollectionView 来实现横向滚动效果是最好不过的。...(indexPath.row % self.sourceCount) } } } 然后，支持图片的自动播放与分页控件高亮就比较简单了，我们可以使用定时器 Timer 与 UIPageController
我们都应该知道UICollectionView我们要想自定义一些东西或者布局几乎都是通过Layout下手的，那我们要给它设置组背景色和组圆角是不是也在这里进行呢？...重点 ---- 在我们写瀑布流或者别的一些布局的时候，我们都是在哪里重写的？...} 不能忘记了PPReusableView，它的代码也比较的简单,如下 import Foundation import UIKit // MARK: - 可重复使用视图 class PPReusableView...registClass这个方法我们在PPBaseFlowLayout的初始化方法里面调用就可以了，还有属性数组这写就不用说了吧还是在前面自己定义初始化了。...最后在初始化CollectionView的时候layout就是我们定义的PPBaseFlowLayout了，遵守的代理就是PPCollectionViewDelegateFlowLayout，这个需要留意下就
在上一篇博客中《iOS开发之窥探UICollectionViewController(三) --使用UICollectionView自定义瀑布流》，自定义瀑布流的列数，Cell的外边距，Cell的最大以及最小高度是在我们的布局文件中是写死的...不过那样写太过死板，本来使用起来比较灵活的自定义布局，如果把其配置参数给写死了，就相当于在笼中的猛兽，再厉害不也白扯蛮。...在今天这篇博客中我们要接着上篇博客中的Demo，使其自定义布局的属性在使用它的UICollectionView中是可配置的。...如果想使用该布局文件，你需要为我们的UICollectionView来指定该布局文件，在本篇博客中的Demo中是在Storyboard中进行自定义布局文件的指定的，你也可以通过代码的方式指定，再次不做过多的赘述...需要在UICollectionView的使用控制器中实现自定义布局中的代理方法来设置布局属性，我们这儿定了四个必须实现的方法。
上周我分享了一篇关于 UICollectionView 自定义布局实现 Cover Flow 的文章（文章直通车），这也是我分享的关于 UICollectionView 系列的第四篇文章了，那今天我还是继续给大家带来...这个控件的核心技术点汇总齐全，毕竟 UICollectionView 使用的范围太广泛了。...中是否也能这样操作呢！...在接下来的内容中，你将会学到以下知识点： 1.如何在 UICollectionView 中创建 Decoration View2.自定义布局属性，计算 section 的背景图位置和大小3.实现 UICollectionView...，到此书架布局就基本完成了，最后加上数据源我们的书架就可以在视图管理器（UIViewController）中呈现了，但是为了更进一步体现 UICollectionView 的强大，我还实现了一个功能，那就是使得书架里的书可以自由拖拽排序
reload这一行，在heightForRow代理方法中判断isExpand,返回小明已在FeedCellModel中已经计算的两个高度（初始高度和全部高度）。...还是约束，都很烦，压根就不想写，或者用CollectionView貌似好一点，设置好与上下视图的约束，根据有没有图片设置隐藏，在FeedCellModel里面根据图片数量重新计算一下高度，这样好像也能完成...可以这样说，有了IGListKit，任何类似列表的页面UI构建，都将so easy！ 首先，得介绍IGList中的几个基本概念。...准备工作：布局collectionView和绑定适配器 BaseListViewController.swift let collectionView: UICollectionView =...，必须子类化，这里这么写是因为是在基类BaseListViewController里。
使用UICollectionView自定义瀑布流》，自定义瀑布流的列数，Cell的外边距，Cell的最大以及最小高度是在我们的布局文件中是写死的，换句话说也就是不可配置的。...不过那样写太过死板，本来使用起来比较灵活的自定义布局，如果把其配置参数给写死了，就相当于在笼中的猛兽，再厉害不也白扯蛮。...在今天这篇博客中我们要接着上篇博客中的Demo，使其自定义布局的属性在使用它的UICollectionView中是可配置的。...如果想使用该布局文件，你需要为我们的UICollectionView来指定该布局文件，在本篇博客中的Demo中是在Storyboard中进行自定义布局文件的指定的，你也可以通过代码的方式指定，再次不做过多的赘述...需要在UICollectionView的使用控制器中实现自定义布局中的代理方法来设置布局属性，我们这儿定了四个必须实现的方法。
UICollectionView 1.必须要设置布局参数 2.注册cell 用法类似于UITableView 类。自动实现重用，必须注册初始化。...使用UICollectionView必须实现UICollectionViewDataSource,UICollectionViewDelegate,UICollectionViewDelegateFlowLayout...的精髓 Layout决定了UICollectionView是如何显示在界面上的。...-(BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds 另外需要了解的是，在初始化一个UICollectionViewLayout实例后...首先，-(void)prepareLayout将被调用， 默认下该方法什么没做，但是在自己的子类实现中 ，一般在该方法中设定一些必要的layout的结构和初始需要的参数等。
iOS中，UICollectionView和UITableView已经有系统默认选中颜色设置，但是只有无色，蓝色，灰色，三种颜色设置，如果想要其他的颜色效果，我们可以自由自定义设置。...image.png 典型的UICollectionView控件案例 ?...（二） 通用方案: [x] 在自己自定义的cell文件中重写如下方法： 示例： UITableViewCell.m - (void)setHighlighted:(BOOL)highlighted...//选中时 self.backgroundColor = [UIColor groupTableViewBackgroundColor]; }else{ //非选中...//选中时 self.backgroundColor = [UIColor groupTableViewBackgroundColor]; }else{ //非选中
本篇博客所涉及的技术点主要有UICollectionView的Cell移动，手势识别，控件封装，闭包回调，面向接口编程，Swift中的泛型等等。...下方效果的实现使用了iOS9以后的UICollectionView才支持的更新Cell的方法，稍后会详细介绍到。当然，本篇博客我们依然使用Swift3.0来实现的。...在之前的博客中，我们系列的介绍了UICollectionView的各种回调，以及如何自定义CollectionView的布局，并给出了如何使用CollectionView自定义瀑布流。...上面这个效果就是我们今天博客中所实现的效果，而下方这两个效果是我们之前在聊UICollectionView以及自定义布局时所给出的相应的Demo, 下方的Demo所对应的源码也在Gitbub上进行了分享...CEThemeDataSourceProtocal协议就规范了数据源中的数据项必须要实现的方法，下方就是CEThemeDataSourceProtocal协议的实现代码。
在 iOS 14 正式版发布之前我写了一篇博文《iOS开发之Lists in UICollectionView》，iOS 14 正式版发布以后，经测试，Apple 改变了测试版中的 API，所以本文进行一个补充说明...学习之前需要进行说明： 本文依然使用《iOS开发之DiffableDataSource》 一文中的数据。 需要熟悉 DiffableDataSource 的基本使用。...创建UICollectionView 为 UICollectionView 配置 List 式的布局，还可以配置滑动菜单。.../ 找到删除的内容 guard let city = self.dataSource.itemIdentifier(for: indexPath) else { return nil...// 自定义Cell显示的内容 cell.cityLabel.text = city.name // AccessoryView
引 开发中我们最常看到的可能是表视图UITableView了，但其实还有一个视图也很常见，特别是一些图片、商品、视频的展示界面，用UICollectionView来展现往往会更加方便。...其实看代码的也会发现两者之间有着惊人的相似。 自定义Cell 根据UITableView的经验。...不同之处在于UICollectionView需要一个布局参数来决定cell是如何布局的，默认是流水布局，也就是我们最常见的形式，也就是上面图里的形式；此外，UICollectionView除了垂直滚动，...还可以设置为水平滚动，只需要改变布局参数的设置就可以了；UICollectionView的cell只能通过注册来确定重用标识符，什么叫注册，我们还是看代码： - (void)viewDidLoad {...的使用方式，就像UITableView可以简单也可以做的非常多样，UICollectionView也是一种乍看很平常但可以容纳非常多想象力的布局方式，只要善加利用就可以做出很好的效果，当然，什么时候用UICollectionView
iOS自定义的表情键盘 一、关于emoji表情 随着iOS系统版本的升级，对原生emoji表情的支持也越来越丰富。...emoji表情是unicode码中为表情符号设计的一组编码，当然，还有独立于unicode的另一套编码SBUnicode，在OS系统中，这两种编码都有很好的支持。...，将其与unicode码一一对应，在转码的时候，我们一一遍历，转换成unicode后进行传输，这样的好处是我们可以保证所有平台所能使用的表情统一。...追注：测试上面的SBUnicode码在模拟器上可以正常显示，真机并不能识别，可以通过将表情符全部添加到一个plist文件中，通过文件读取来创建键盘的方式进行真机上的开发。...plist文件地址如下： http://pan.baidu.com/s/1o6AdkBw 专注技术，热爱生活，交流技术，也做朋友。 ——珲少
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
