带有披露指示器的 iOS 居中 UITableViewCell 标签

Question

我正在寻找一种在表格单元格中输入标签的方法，该表格单元格也具有披露指示符。我目前遇到的问题是，在计算标签的位置时似乎忽略了披露指标

这是一张图片：

因此，您可以看到标签位于单元格左侧和指示器左侧之间的区域的中心，如果它位于单元格的中心，它将位于导航栏标题下方。

感谢您的帮助

从故事板中

Answer 1

为了不受任何常量的约束，您可以计算frame 和contentView.frame 的宽度差。所以首先像这样创建一个出口集合：

@property (strong, nonatomic) IBOutletCollection(NSLayoutConstraint) NSArray *centerConstraintsToOffset;

然后将您希望在单元格中水平居中的中心约束添加到该插座集合：

最后将此代码添加到您的单元格中：

override func layoutSubviews() {
    super.layoutSubviews()
    for constraint in centerConstraintsToOffset {
        constraint.constant = (frame.size.width - contentView.frame.size.width) / 2.0
    }
}

这还使您可以灵活地在旅途中添加或移除电池配件，并且您的视图将始终完美居中对齐。即使您完全移除配件。

Answer 2

Pavel 的回答为我解决了这个问题。在按照他的回答演示创建 IBOutlet 集合之后，这是他为 Swift 3 编辑的代码示例：

override func layoutSubviews() {
    super.layoutSubviews()
    for constraint: NSLayoutConstraint in self.centerConstraintsToOffset {
        constraint.constant = (frame.size.width - contentView.frame.size.width) / 2.0
    }

}

Answer 3

您已经注意到，添加“UITableViewCellAccessoryDisclosureIndicator”会缩小分配给单元格内容视图的空间。另一个不需要自定义指示器或猜测偏移量的解决方案是以编程方式将 UILabel 添加到单元格的根视图，而不是 contentView。例如：

@property UILabel *label;

// ...

- (void)layoutSubviews
{
    [super layoutSubviews];

    [self.label removeFromSuperview];
    self.label = [[UILabel alloc] init];
    self.label.text = @"Motorsport";
    [self.label sizeToFit];
    label.center = CGPointMake(self.center.x, self.size.height/2);
    [self addSubview:self.label];
}

Answer 4

好的，首先解释一下您的问题。它与UITableViewCell 的结构 有关。对于anatomy，我的意思是你的UITableViewCell 只是另一个容器 的容器，即contentView（你也可以在你的故事板中看到这个）。

当您在 Storyboards 中操作时，您仅在 contentView 上操作，而不是在实际的 UITableViewCell 上操作。因此，当您使用 AutoLayout 将 UILabel 设置为 以 X 轴为中心 时，AutoLayout 将始终尝试将其置于contentView，不在外部容器中（即UITableViewCell）。然后，当您向 UITableViewCell 添加 披露指示符 时，contentView 的宽度会自动缩小，因为单元格为披露指示符腾出了空间并希望阻止您在其中添加 UI 元素为披露指标保留的右侧区域。

现在，您有几个选择：

1. 您可以直接编辑约束并向其添加一个常量（该值必须与您移除指示器时标签移动的值相同）

1. 不要使用默认的披露指示符（即不要勾选 Storyboards 中的复选框），只需添加一个带有相同图像的 UIImageView。