IOS实现自定义布局瀑布流

2020-01-14 18:52:33刘景俊
易采站长站为您分析IOS实现自定义布局瀑布流,画面感非常炫丽,想要学习的朋友不要错过本文  

瀑布流是电商应用展示商品通常采用的一种方式,如图示例

IOS实现自定义布局瀑布流

瀑布流的实现方式,通常有以下几种

  • 通过UITableView实现(不常用)
  • 通过UIScrollView实现(工作量较大)
  • 通过UICollectionView实现(通常采用的方式)

    一、UICollectionView基础
    1、UICollectionView与UITableView有很多相似的地方,如

    • 都通过数据源提供数据
    • 都通过代理执行相关的事件
    • 都可以自定义cell,且涉及到cell的重用
    • 都继承自UIScrollView,具有滚动效果

      2、UICollectionView的特性

      • 需要有一个UICollectionViewLayout类(通常是UICollectionViewFlowLayout类)或其子类对象,来决定cell的布局
      • 可以实现UICollectionViewLayout的子类,来定制UICollectionView的滚动方向以及cell的布局

        3、UICollectionViewLayout的子类UICollectionViewFlowLayout

        • UICollectionViewFlowLayout即流水布局
        • 流水布局UICollectionView的最常用的一种布局方式

          二、自定义布局
          1、自定义布局需要实现UICollectionViewLayout的子类
          2、自定义布局常用方法
          初始化布局

          
          - (void)prepareLayout
          {
            //通常在该方法中完成布局的初始化操作
          }