BrickView

https://github.com/hirohisa/BrickView

Transcript

1. BrickView Hirohisa Kawasaki
2. index - どんなものか？ - 似たUIを採用しているサービス - 実装経緯 - Spec / Usage - まとめ
3. どんなものか? いくつかの列に高さの違うViewが、 レンガ積みのように綺麗に表示さ れる
4. 似たUIを採用しているサービス - Pinterest - Etsy ... more
5. 有名なモジュール - PSTCollectionView https://github.com/steipete/PSTCollectionView
6. 実装した経緯 - 開発当時、iOS4.3+ - CollectionViewLayout の設定が大変、もっと簡 単にしたい - 似たモジュールは、バグがあったり使いにくい → 自分で作った方がカスタムしやすい 作ってみたい！
7. Spec - iOS 5.0+ - UIScrollView - BrickViewDelegate - BrickViewDataSource - HeaderView - FooterView
8. Usage - properties, methods - padding 各Cell/View間のスペースの長さ - earlyScope 表示されていないCellを先読みする長さ - reloadData Cell全てを再レンダリングする - updateData 表示が必要なCellをレンダリングする
9. BrickViewDelegate - include UIScrollViewDelegate UIScrollViewDelegateで使えるメソッドは全て使えます - (CGFloat)brickView:(BrickView *)brickView heightForCellAtIndex:(NSInteger)index 各Cellの高さを指定します - (void)brickView:(BrickView *)brickView didSelectCell:(BrickViewCell *)cell AtIndex:(NSInteger) index Cellをタップした際に、呼ばれます - (void)brickView:(BrickView *)brickView didLongPressCell:(BrickViewCell *)cell AtIndex: (NSInteger)index Cellを長押しした際に、呼ばれます
10. BrickViewDataSource - (NSInteger)numberOfCellsInBrickView:(BrickView *)brickView 全てのCellがいくつあるのかを指定します - (NSInteger)numberOfColumnsInBrickView:(BrickView *)brickView 列の数を指定します - (BrickViewCell *)brickView:(BrickView *)brickView cellAtIndex:(NSInteger)index Cellを返します、ここでCellに何を表示するかなどを指定します
11. まとめ - 複雑な位置調整のロジックを書かずに、使用す ることができます - reloadData / updateDataの切り分けにより、表 示コストを下げれます
12. 今後 OSのベースのUIが変更されたので、iOS7.0+が標 準化されると思うので、以下を対応予定 - UICollectionViewへの切り替え - Swiftに変更