[Swift]Sapporoの使い方

Sapporoとは

Sapporoとは，iOSのUICollectionViewをCellmodel-drivenで扱うためのマネージャー

環境

• OSX El Captan
• Xcode 7.3
• iOS 8.0
• Swift 2.2
• Sapporo 1.1

ViewControllerの実装

ViewController.swift

import UIKit
import Sapporo

class ViewController: UIViewController {

    @IBOutlet var collectionView: UICollectionView!
    lazy var sapporo: Sapporo = { [unowned self] in
        return Sapporo(collectionView: self.collectionView)
        }()

    override func viewDidLoad() {
        super.viewDidLoad()

        // 以下のように，repeatedValue にクラスを渡すと実体は1つのため状態が共有されてしまうので，実際に使うときは注意
        let cellmodels: [MyCellModel] = Array(count: 4,  repeatedValue: MyCellModel())

        let section = SASection()
        section.inset = UIEdgeInsets(top: 30, left: 10, bottom: 10, right: 10)
        section.minimumLineSpacing = 10

        sapporo
            .registerCellByNib(MyCell)
            .setLayout(SAFlowLayout())

        sapporo
            .reset(section)
            .bump()

        section
            .reset(cellmodels)
            .bump()
    }

}

CellとCellModelの実装

MyCell.swift

import UIKit
import Sapporo

class MyCellModel: SACellModel {

    init(){
        let size = CGSize(width: 100, height: 100)
        super.init(cellType: MyCell.self, size: size, selectionHandler: nil)
    }
}

class MyCell: SACell, SACellType {
    typealias CellModel = MyCellModel

    override func configure() {
        super.configure()

    }
}

セルの操作

• 追加

  section
      .append(cellmodel)
      .bump()
  
  sapporo[1]
      .append(cellmodel)
      .bump()
  

• 挿入

  section
      .insert(cellmodel)
      .bump()
  
  section
      .insertBeforeLast(cellmodels)
      .bump()
  

• リセット

  section
      .reset(cellmodels)              
      .bump()
  
  section
      .reset()                            
      .bump()
  

• 移動

  section
      .move(fromIndex: 5, toIndex: 1)
      .bump()
  

• 削除

  section
      .remove(1)
      .bump()
  
  section
      .remove(cellmodel)
      .bump()
  
  section
      .remove(2...5)
      .bump()
  
  section
      .removeLast()
      .bump()
  

• 更新

  let cellmodel = section[1]
  cellmodel.property = newData
  cellmodel.bump()
  

セクションの操作

• 挿入

  sapporo
      .insert(section, atIndex: 1)
      .bump()
  

• 移動

  sapporo
      .move(fromIndex: 1, toIndex: 5)
      .bump()