类似 Twitter 的 UITableView 设计
我正在尝试重现 Twitter UITableView 的设计(见下图):
未能重现它:(
我尝试了几种方法,例如:
- UITableViewController 与 self.view.layer.borderWidth = 3.0f + 阴影 + 角半径
- UITableViewController 与分组样式和角半径
- UIView 与 UITableView 作为子视图和角radius
有什么线索可以解决我的问题吗?
提前,非常感谢您的帮助。
I'm trying to reproduce the design of Twitter UITableView (see image below) :
Did not manage to reproduce it :(
I tried several methods like :
- UITableViewController with self.view.layer.borderWidth = 3.0f + shadows + cornerRadius
- UITableViewController with Grouped style and corner Radius
- UIView with UITableView as a subview and corner radius
Any clue to solve my problem please ?
In advance, thanks a lot for your help.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
在我看来,这似乎不是您经典的分组样式 UITableView。
这可能是一个跨越整个设备宽度的 UITableView(普通样式),并由自定义 UITableViewCell 组成。单元格足够窄,可以为滚动指示器的显示留出空间。
每个 UITableViewCell 在单元格的背景上呈现一个 UIImage:每个都不同,具体取决于位置 - 顶部、中间、底部 - 或内容类型。单元格背景的图像已经包含阴影像素。根据我的经验,使用 Quartz 进行阴影处理,处理器过于密集且速度缓慢(iPhone 4)。此外,每个自定义单元格还可以将其视图 setOpaque:TRUE 以增强性能(相对于纯色背景)。
每个推文单元格可能跨越不同的行/高度,因此您在设置单元格的背景时可能会使用 [UIColor colorWithPatternImage:[UIImage imageNamed:@"tile.png"]] 。
所以我们最终没有真正的影子/处理器密集型的东西。只是图形、颜色匹配和定位。
In my opinion, this seems to be NOT your classic grouped style UITableView.
This could be a UITableView (plain style) that spans across the whole device width, and composed by custom UITableViewCell's. The cells are narrow enough to leave room for the scroll indicators to be shown.
Each UITableViewCell renders a UIImage on the cell's background: each different, depending on position - top, middle, bottom - or content type. The image for the cell background would already contain the shadow pixels. In an experience of mine, using Quartz for shadow, is too processor intensive and slow, iphone 4). In addition, each custom cell could also have its view setOpaque:TRUE for enhanced performance (against the solid colored background).
Each tweet cell may span different lines/heights so you'd probably use [UIColor colorWithPatternImage:[UIImage imageNamed:@"tile.png"]] when setting the background of the cell.
So we end up with no real shadow / processor intensive stuff. Just graphics, color matching and positioning.
非常相似
这与 Twitter UI https://github.com/vicpenap/PrettyKit
This very similar to twitter UI
https://github.com/vicpenap/PrettyKit
我使用了一个简单的技巧,其中您在 UITableView 下使用 UIView“Vbg”并将单元格和表格的颜色设置为clearcolor。然后增加高度:
我必须将其用于固定高度的单元格,所以我想到了这个技巧并且效果很好。
I have used a simple trick wherein you use a UIView "Vbg" under UITableView and set the colour of cells and Table to clearcolor. Then increase the height:
I had to use this for fixed height cells , so this trick came up my mind and it worked pretty well.