如何复制这种用户界面设计？

Question

我想创建一个像在Mint.com应用程序上的UI。它是一个包含UITableView单元的UIScrollView吗？

请注意，每个块/单元格都有多个数据值。

​

​

Answer 1

这是一个包含UITableViewStyleGrouped和多个部分的UITableView。各部分之间的间距似乎比默认值增加了。

单元格背景添加了一个轻微的渐变，以增加它们的深度。每个部分似乎都有不同的标签自定义布局，在一种情况下，还有一个自定义的类似滑块的对象。右边的对象是一个标准的UITableViewCellAccessoryDetailDisclosureButton。

您可以通过将UITableViewCell子类化来实现类似的效果。

Answer 2

这一切都是关于定制表格视图和表格视图单元格。我找到的最好的教程是Cocoa with Love: Easy custom UITableView drawing。这是一个很好的起点。