Pinterest風なiPhoneアプリをつくる方法

iPhone

PinterestのようなおしゃれなUIを作るには、UICollectionViewControllerを使います。
これをベースとした、CHTCollectionViewWaterfallLayoutというPinterest風なUIに簡単にしてくれるオープンソースがあるので活用しましょう。

いじるべきなのは、

 //UICollectionViewごとの外側の余白です。htmlでいうところのmarginのような設定
 layout.sectionInset = UIEdgeInsetsMake( 9, 17, 9, 17);

CHTCollectionViewWaterfallLayout.m

 - (void)commonInit {
    _columnCount = 2;
    _itemWidth = この部分。UICollectionViewひとつひとつの横幅;
    _sectionInset = UIEdgeInsetsZero;
 }

注意すべきなのは、UICollectionViewの高さです。
UICollectionViewを表示させるときに高さを計算しても、処理が間に合わずレイアウトがぐちゃぐちゃになります。
あらかじめUICollectionViewのindexごとに、高さを指定した配列をつくっておく必要があります。
表示されるときに、UICollectionViewのIndexに合わせて、配列から高さを取得してあげます。

※このサイトを参考にしましたが、情報がほとんどないので、サンプルコードを見た方がいいかと思います。
http://econa77.hatenablog.com/entry/2013/09/13/012450: http://econa77.hatenablog.com/entry/2013/09/13/012450

Github