iOS 开发基础(7)--UICollectionViewLayout

首先放上 github 地址:有需要的朋友可以下载查看,喜欢的话别忘了关注一下!
亲们,喜欢的话就 star 一个吧! O(∩_∩)O谢谢!上传的代码每一行都有注释哦!https://github.com/OneWang/FlowLayout 这个是不带头尾视图的瀑布流的实现

https://github.com/OneWang/Header-Footer-FlowLayout 这个带有头尾视图的瀑布流实现

https://github.com/OneWang/Layout 这个是 UICollectionView 的其它形式的布局的实现

UICollectionView相对于UITableView很相似，但它的功能要更加强大,并且其基本用法和 UITableView 的一样的,在这里基本的属性和代理方法就不一一介绍了;
UICollectionView把视图布局分离出来成为一个独立的类，你想实现怎样的视图布局，就子类化这个类并在其中实现。在这主要介绍UICollectionViewLayout的定制,手写自己喜欢的布局;首先上几张图看看效果,因为时间比较匆忙,都是静态的还望见谅;

堆叠布局/只显示前面几张

圆形布局/(每个都是可以删除添加的)

相册滑动

瀑布流(流水布局)

自定义布局的话主要是重写一下几个方法:

/** 只要显示的边界发生改变就重新布局,内部重新调用layoutAttributesForElementsInRect方法获得 cell 布局的属性 */
- (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds
{
    return YES;
}
/** 每次布局之前的准备 */
- (void)prepareLayout;
/** 计算每一个 Item 的属性,返回每个indexPath对应的 Item 的属性; */
- (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath;
/** 返回 rect 矩形框范围内的所有元素的布局属性(cell(item)/header/footer) */
- (NSArray *)layoutAttributesForElementsInRect:(CGRect)rect;
//返回所有的尺寸(只有当是上下滑动的时候才用设置,不是流水布局的采用设置)
- (CGSize)collectionViewContentSize
/** 
 *  用来设置scrollview 停止滚动哪一刻的位置
 *  proposedContentOffset:原本scrollview 停止滚动哪一刻的位置
 *  velocity:滚动速度
 *  这个方法主要是做那种反弹效果和那种居中显示,看偏移量大小显示那个 Item
 */
- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity;

插入删除元素

一般来说，我们对布局属性从初始状态到结束状态进行线性插值来计算 collection view 的动画参数。然而，新插入或者删除的元素并没有最初或最终状态来进行插值。要计算这样的 cells 的动画，collection view 将通过 initialLayoutAttributesForAppearingItemAtIndexPath: 以及 finalLayoutAttributesForAppearingItemAtIndexPath: 方法来询问其布局对象，以获取最初的和最后的属性。苹果默认的实现中，对于特定的某个 indexPath，返回的是它的通常的位置，但 alpha 值为 0.0，这就产生了一个淡入或淡出动画。如果你想要更漂亮的效果，比如你的新的 cells 从屏幕底部发射并且旋转飞到对应位置，你可以如下实现这样的布局子类：

- (UICollectionViewLayoutAttributes*)initialLayoutAttributesForAppearingItemAtIndexPath:(NSIndexPath *)itemIndexPath 
{ 
    UICollectionViewLayoutAttributes *attr = [self layoutAttributesForItemAtIndexPath:itemIndexPath]; 
 
    attr.transform = CGAffineTransformRotate(CGAffineTransformMakeScale(0.2, 0.2), M_PI); 
    attr.center = CGPointMake(CGRectGetMidX(self.collectionView.bounds), CGRectGetMaxY(self.collectionView.bounds)); 
 
    return attr; 
} 

响应设备旋转

设备方向变化通常会导致 collection view 的 bounds 变化。如果通过 shouldInvalidateLayoutForBoundsChange: 判定为布局需要被无效化并重新计算的时候，布局对象会被询问以提供新的布局。UICollectionViewFlowLayout 的默认实现正确地处理了这个情况，但是如果你子类化 UICollectionViewLayout 的话，你需要在边界变化时返回 YES

- (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds 
{ 
    CGRect oldBounds = self.collectionView.bounds; 
    if (!CGSizeEqualToSize(oldBounds.size, newBounds.size)) { 
        return YES; 
    } 
    return NO; 
} 

其它主要是一些计算的一些数学知识了,有不懂的可以私信我哦!