Mint.comアプリでのようなUIを作成したいと思います。 UITableViewセルを含むUIScrollViewですか?このユーザーインターフェイスのデザインを複製する方法は?
各ブロック/セルに複数のデータ値が含まれていることに注意してください。
Mint.comアプリでのようなUIを作成したいと思います。 UITableViewセルを含むUIScrollViewですか?このユーザーインターフェイスのデザインを複製する方法は?
各ブロック/セルに複数のデータ値が含まれていることに注意してください。
これはと複数のセクションとUITableView
です。セクション間の間隔はデフォルト値よりも大きくなっているように見えます。
セルの背景には、奥行きを与えるためにわずかな勾配が付けられています。各セクションには、ラベルのカスタムレイアウトが異なるように見え、カスタムスライダーのようなオブジェクトもあります。右側のオブジェクトは標準UITableViewCellAccessoryDetailDisclosureButton
です。
UITableViewCell
をサブクラス化すると、同様の効果が得られます。
これはすべて、テーブルビューとテーブルビューのセルをカスタマイズすることです。私が見つけた最高のチュートリアルはCocoa with Love: Easy custom UITableView drawingです。それは始めるのに良い場所です。
+1非常にいいリンク – PengOne
ありがとうPengOne。それで、写真の各セルは別々に作成され、UILabelsやものはありますか?また、セクションごとに行の高さをどうやって設定するのですか? – Jon
@Jon:与えられたセクションのセルは、同じカスタムUITableViewCellを使用するように見えますが、各セクションには独自のカスタムサブクラスがあります。 tableView:heightForRowAtIndexPath: 'を使用して、高さを個別に、またはセクションごとに設定します。 – PengOne