版本0.1.2的 ZLCollectionLeftLayout

ZLCollectionLeftLayout 0.1.2

×

由TsinHzl维护。

ZLCollectionLeftLayout 0.1.2

  • 作者
  • TsinHzl

ZLCollectionLeftLayout

左对齐的 CollectionView 布局

描述

  • 自动从左到右布局 collection cell
  • 当将属性 scrollDirection 设置为 .vertical 时，它将自动换行
  • 当将属性 scrollDirection 设置为 .horizontal 时，您可能需要设置 collection view 的高度以仅显示一行

安装

cocoapods
  • pod 'ZLCollectionLeftLayout'
  • 或指定版本：pod 'ZLCollectionLeftLayout', '~> 0.0.3'
下载框架
  • 下载仓库。
  • 并将 ZLCollectionLeftLayout.swift 文件添加到您的项目中

用法

  • import ZLCollectionLeftAlignLayout

    • import ZLCollectionLeftLayout

  • 将 collection view 的 collectionViewLayout 设置为 ZLCollectionLeftLayout 的一个实例

    • private lazy var collectionView: UICollectionView = {
  // instance ZLCollectionLeftLayout
  let defaultLayout = ZLCollectionLeftLayout()
  defaultLayout.minimumLineSpacing = 10.0
  defaultLayout.minimumInteritemSpacing = 10.0
  defaultLayout.scrollDirection = .vertical
  defaultLayout.sectionInset = UIEdgeInsets(top: 10.0, left: 10.0, bottom: 20.0, right: 10.0)
  // set collectionViewLayout to a instance of ZLCollectionLeftLayout
  let collectionView = UICollectionView(frame: .zero, collectionViewLayout: defaultLayout)
  collectionView.backgroundColor = .magenta
  collectionView.showsVerticalScrollIndicator = false
  return collectionView
}()

  • 实现方法

    • func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 
  let w = CGFloat.random(in: 20.0 ... 50.0)
  return CGSize(width: 30.0 + w, height: 25.0)
}

  • 屏幕截图20230908-114454