类似 Twitter 的 UITableView 设计答案

【问题标题】：Twitter-like UITableView design类似 Twitter 的 UITableView 设计
【发布时间】：2011-12-09 15:34:13
【问题描述】：

我正在尝试重现 Twitter UITableView 的设计（见下图）：

没能重现它:(

我尝试了几种方法，例如：

UITableViewController with self.view.layer.borderWidth = 3.0f + shadows +cornerRadius
具有分组样式和角半径的 UITableViewController
以 UITableView 作为子视图和圆角半径的 UIView

请问有什么线索可以解决我的问题吗？

在此先感谢您的帮助。

【问题讨论】：

感谢@DaveShaw 的图片 :)

标签： ios twitter uitableview quartz-core

【解决方案1】：

在我看来，这似乎不是你的经典分组样式 UITableView。

这可能是一个跨越整个设备宽度的 UITableView（普通样式），由自定义 UITableViewCell 组成。单元格足够窄，可以为显示滚动指示器留出空间。

每个 UITableViewCell 在单元格的背景上呈现一个 UIImage：每个都不同，具体取决于位置 - 顶部、中间、底部 - 或内容类型。单元格背景的图像已经包含阴影像素。根据我的经验，使用 Quartz 进行阴影处理过于密集且速度慢，iphone 4)。此外，每个自定义单元格还可以设置其视图 setOpaque:TRUE 以增强性能（在纯色背景下）。

每个推文单元格可能跨越不同的行/高度，因此您可能会在设置单元格背景时使用 [UIColor colorWithPatternImage:[UIImage imageNamed:@"tile.png"]]。

所以我们最终没有真正的影子/处理器密集型的东西。只是图形、颜色匹配和定位。

【讨论】：

是的，我尝试了这种解决方案，效果很好！但我虽然有可能以编程方式做到这一点:)

【解决方案2】：

这个和twitter UI很相似

https://github.com/vicpenap/PrettyKit

【讨论】：

【解决方案3】：

我使用了一个简单的技巧，您可以在 UITableView 下使用 UIView“Vbg”，并将单元格和表格的颜色设置为 clearcolor。然后增加高度：

 Vbg.heightConstraint.constant = number of cells * height of cell.

我不得不将它用于固定高度的单元格，所以我想到了这个技巧并且效果很好。

【讨论】：