类似 Twitter 的 UITableView 设计

发布于 2024-12-20 19:17:06 字数 372 浏览 1 评论 0原文

我正在尝试重现 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) :

enter image description here

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

若相惜即相离 2024-12-27 19:17:06

在我看来,这似乎不是您经典的分组样式 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.

芯好空 2024-12-27 19:17:06

非常相似

这与 Twitter UI https://github.com/vicpenap/PrettyKit

This very similar to twitter UI

https://github.com/vicpenap/PrettyKit

2024-12-27 19:17:06

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

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

我必须将其用于固定高度的单元格,所以我想到了这个技巧并且效果很好。

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:

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

I had to use this for fixed height cells , so this trick came up my mind and it worked pretty well.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文