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