如何为 TableView 的 TableViewCell 设置填充/边距和角半径？

Posted 2023-03-11

【中文标题】如何为 TableView 的 TableViewCell 设置填充/边距和角半径？

【英文标题】：How to set padding/margin and corner radius to TableViewCell of TableView?

【发布时间】：2018-04-27 01:16:45

【问题描述】：

我有 UITableView，我想将角半径和边距/填充设置为上/右/左/下。但是，如果我尝试设置它，我的布局就会一团糟。而且，当我尝试时：cell.cellView.layer.cornerRadius = 20.0 触发 nil 指针异常。

我的布局是这样的：

我喜欢我的布局的一个例子：

我希望我的单元格在角半径和边距的情况下保持“浮动”，而不会弄乱我的布局。

还有关于 UITableView，我如何删除未使用的单元格？我只有 3 个单元格，但 TableView 显示了所有可能的单元格，其他单元格没有使用。

还有（4）：为什么我的细胞看起来是一体的？这不会出现“浮动”

【问题讨论】：

这个答案[***.com/a/33234181/7698092]也会有帮助

【参考方案1】：

对于您需要的布局，请执行以下步骤。

在您的cell contentView 中添加UIView，并带有前导、顶部、尾随、底部约束。喜欢 (15, 10, 15, 10)

选择 UIView 并勾选 Clip to Bounds 复选标记。

在 UIView 中添加所需的 UI。

在layoutSubviews() 内设置UIView cornerRadius cell 文件

并删除 UnUsed cell 写下这行你的 viewDidLoad -> self.tblVW.tableFooterView = UIView.init(frame: .zero)

这里是演示链接： https://www.dropbox.com/s/815loyp20r0oetf/Demo.zip?dl=0

【讨论】：

是的，这显然有效，但看看我的版本，单元格显示为一个背景白色，而不是保持浮动。

@Augusto，我没明白你的意思吗？上传您想要的输出类型的图像。

@Augusto 此链接包含与第二张图片相同的layout，只是标签不同。

@Augusto，你看到这个演示了吗？

哦，是的，这个Demo正是我所需要的

【参考方案2】：

我假设您正在查看所有内容所在的表格视图单元格中的视图。这就是您使用 cell.cellView

的原因

您需要的是，如果您丢失了，也只需添加此行。

cell.cellView.clipToBounds = true

这应该可行。

如果您没有在单元格内容视图中使用 UIView，请按照以下步骤操作。

从对象库中获取 UIView。 在单元格内容视图中为其提供所需的边距。 在此视图中添加所有必需的 UI 组件。 将

clipToBounds

与

cornerRadius

一起设置为 true

【讨论】：

请更好地将您的解决方案上下文化。我不知道我在哪里设置边距以便更容易我在 UIView 的边距限制内设计我的 UI

我在我的问题中做其他问题，如果你能回复请这样做。