图像未在表格单元格上完美显示

Posted 2023-03-04

【中文标题】图像未在表格单元格上完美显示

【英文标题】：Image not displayed perfectly on table cell

【发布时间】：2014-04-22 09:50:04

【问题描述】：

我使用 ios 7 的自动布局和构建应用程序。我正在使用自定义 UITableViewCell。我想在其中显示一个UIImageView，并在contentView 的边界上留出一些边距。所以我采用了UIView，它与contentView 的边界有边距。我想显示的UIImageView 被放入这个UIView 中，所有边缘都触及它的超级视图。

现在，问题是设置为UIImageView 的UIImage（绿色背景）没有完美显示。完全是我的意思是它显示但底部 1px 没有显示。我在情节提要中设置了图像，它看起来很完美，如下所示。

但是当我运行应用程序时，它看起来如下所示。专注于在故事板中清晰可见但在我运行应用程序时不可见的底部黑线。

请注意情节提要中的单元格高度为 95pts。图像高度为 77pts（非视网膜）。此外，当我上下滚动单元格时，我看到在滚动过程中这条底线是可见的，但那时顶线是不正确的。

【问题讨论】：

在模拟器中，以 100% 的比例大小进行测试（command+1 或模拟器菜单 > 窗口 > 比例 > 100%）或检查设备上是否出现此问题好。如果是，则尝试 96pts 的单元格高度（不确定，只是检查）

@staticVoidMan 是的，它在设备中显示良好。您可以将此作为答案发布。

好的，我已经发布了答案...很高兴它解决了您的问题

为单元格内容视图设置边框，并为UIImageView添加masksTobounds属性。

@VineeshTP 我没有设置边框。图像的一部分

【参考方案1】：

当模拟器的比例小于 100% 时，我注意到了此类子像素化问题。 尤其是在滚动的时候，当你注意到它的锐度有波动时，基本上说明它没有被正确渲染。

所以，在 iOS 模拟器中以 100% 的比例测试这个场景

command+1

或者...

simulator menu > window > scale > 100%。

或者，也可以在设备上测试此场景，因为它会更“现实”。

如果问题仍然存在，则在帧大小中给出 偶数 数字和/或避免浮点值 ^{*(但不要引用我这个)}

【参考方案2】：

我在使用特定图像的自动布局和 CustomCell 时遇到了同样的问题。

我所做的是勾选剪辑子视图，问题就消失了。您可以在 IB 中勾选 imageView 并转到 Attributes Inspector：

考虑到您的自动布局是正确的，这个问题可能会有所帮助。

不过还是试一试，然后给我反馈