如何正确地将静态“正确细节”UITableViewCell 内容与图像对齐？

Posted 2023-03-03

【中文标题】如何正确地将静态“正确细节”UITableViewCell 内容与图像对齐？

【英文标题】：How do I align static "Right Detail" UITableViewCell contents with images properly?

【发布时间】：2012-05-23 08:34:48

【问题描述】：

我正在使用情节提要、静态单元格和“正确细节”单元格样式。我的问题在 Xcode 和模拟器中都如下所示（为指导添加了红线）：

如您所见，第三行已关闭。它向右移动 1 个点。图像和标签都未对齐。所有图像的宽度均为 24 像素，尺寸检查器正确显示了这一点。所有三个单元格的属性检查器设置都是相同的，除了图像。

怎么了？谢谢！

【参考方案1】：

似乎最可能的解释是您的“X”图形未正确居中。

如果您在 photoshop 中检查了它是否正确居中，您检查的版本是否可能与您在应用程序中看到的版本是不同的图像（例如，因为一个是 @2x 视网膜版本） ?

一个好的测试可能是用颜色（例如红色）填充图像的背景，这样您就可以看到图像边界并确定图像本身没有对齐，而不是图像内容。

【讨论】：

嗨，我自己可以访问有问题的图像并进行了简短检查：所有图像都完全居中。更具体地说：所有图像都是 24 像素宽（非视网膜），其中望远镜填充 23 像素并在右侧留下 1 像素。秒表两边各留出 1px。 “x”在两边留下 5px。所有图像的高度不同。 Retina 版本与非 Retina 图像具有相同的比例。

他们身高不同的事实可以解释这一点。如果 tableview 对图像 contentMode 使用 AspectFit 或等效项，则高度可能会影响水平布局。如果将所有图标的高度都设置为框架会发生什么？

哇，我认为这已经解决了。会让@eteubert 仔细检查结果。