如何在UITableView中调整原型单元格的左边距？

Question

如果我在Xcode中创建UITableViewController，例如通过文件→新建项目...→iOS→主从应用程序，则创建UITableView原型细胞。

生成的视图层次结构为：

左边＆＃34;边距＆＃34;在Cell的内容UIView左边缘和＆＃34;标题＆＃34;之间自动创建。文本的UILabel元素如下所示为橙色。

这会在设备的屏幕边缘和运行时的UILabel文本之间产生相应的余量：

那么，这个间隙的宽度设置在哪里，以及如何调整？

UILabel的Size Inspector中的控件显示为灰色：

我首选的选项是能够在Interface Builder中设置此差距的宽度，但我还想了解这个差距的设置位置，以及如何以编程方式更改它。

Answer 1

您只需要设置表视图的contentInset属性。您可以根据需要设置值。

<强> self.tableView.contentInset = UIEdgeInsetsMake(0, -15, 0, 0);

输出结果

Answer 2

从 iOS 8 开始，单元格属性layoutMargins可用。 因此，调整单元格边距的正确方法是以这种方式在tableView:cellForRowAtIndexPath或自定义UITableViewCell中设置此属性：

override func awakeFromNib() {
    super.awakeFromNib()

    self.layoutMargins = UIEdgeInsetsZero //or UIEdgeInsetsMake(top, left, bottom, right)
    self.separatorInset = UIEdgeInsetsZero //if you also want to adjust separatorInset
}

我希望这可以帮助别人。

Answer 3

转到Main.storyboard＆gt;选择UITableViewCell＆gt;属性检查员。将分隔符下拉列表从默认插入更改为自定义插入。将左侧插图从15更改为0

Answer 4

只需在代码中添加方法，如下面链接

中所述

  

How do I eliminate the margin on the left side of a UITableView, without creating a gap on the right?

我想提到的方法是

-(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{
    if ([tableView respondsToSelector:@selector(setSeparatorInset:)]) {
        [tableView setSeparatorInset:UIEdgeInsetsZero];
    }
    if ([tableView respondsToSelector:@selector(setLayoutMargins:)]) {
    [tableView setLayoutMargins:UIEdgeInsetsZero];
    }
    if ([tableView respondsToSelector:@selector(setLayoutMargins:)]) {
    cell.preservesSuperviewLayoutMargins = NO;
    [cell setLayoutMargins:UIEdgeInsetsZero];
    }
    if ([cell respondsToSelector:@selector(setSeparatorInset:)]){
    [cell setSeparatorInset:UIEdgeInsetsZero];
    }
}

Answer 5

在TableView＆＃34;属性检查器＆＃34;将分隔符插入设置为＆＃34;自定义＆＃34;左= 0。 这就是你所要做的一切！

Answer 6

正如WTIFS所提到的，UITableViewCell的{​​{1}}属性是在内置单元格样式中缩进文本标签的好方法。只需做这样的事情就可以获得漂亮的左边距：

indentation

然而，这不适用于imageView。

Answer 7

如果您的单元格使用的是xib，请确保未选中“相对于边距”。您可以通过检查器进行检查，如以下屏幕截图所示：

Answer 8

我想我想出了一个简单的解决方案。大声笑。

最佳答案有一些问题......它减少了左边的差距，但产生了正确的差距。

我在Interface Builder中使用了约束。

首先在表格视图中添加 -15左边距约束。

然后在表格单元格中添加一些缩进以使内容看起来更好。

↘

这里有一些循序渐进的照片：

添加约束。请记住取消选中＆＃34;与最近邻居的间距＆＃34;。

表格单元格将向左移动。但似乎距离保证金太近了。

因此，选择表格单元格，并在右侧区域添加一些缩进。

Answer 9

如果您只想更改单元格文本标签的左边距，则根据所需的填充将Horizontal Space Constraint 'Constant'更改为16或8（这是在nib文件中）。如果你不能进入'常量'选择标签，在FrameRectangle视图中更改x坐标，然后单击左侧的约束引脚）

Answer 10

这是Chetan的答案的快速版本：

{{1}}