如何在所需位置的UITableView单元格上添加图像？

Question

我创建了一个表格视图并将文本设置为单元格。我已经将文本对齐了。我正在尝试在单元格中设置图像，如下面的快照所示。

Answer 1

您可以在自定义UITableViewCell课程中使用约束来完成此操作。这是一段代码：

@implementation CustomTableViewCell

- (void)awakeFromNib {
    [super awakeFromNib];

    // Initialization code
    [self setupSubviews];
}

- (void)setupSubviews {
    UIImageView *imageView = [[UIImageView alloc] init];
    [self.contentView addSubview:imageView];
    [imageView setTranslatesAutoresizingMaskIntoConstraints:NO];

    // You can set your image here
    [imageView setImage:yourImage];

    UILabel *label = [[UILabel alloc] init];
    [self.contentView addSubview:label];
    [label setTranslatesAutoresizingMaskIntoConstraints:NO];
    [label setTextAlignment:NSTextAlignmentRight];
    [self.contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:[image]-[label]-0-|" options:0 metrics:nil views:@{ @"label":label, @"image":imageView }]];
    [imageView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-0-[label]-0-|" options:0 metrics:nil views:@{ @"label":label }]];

    [self.contentView layoutIfNeeded];
}

@end

如果您有任何疑问，请与我联系。

Answer 2

UITableViewCell有一个属性imageView，您可以使用默认的UITableViewCellStyle设置左侧显示的缩略图。

您可以在tableView上设置它：cellForRowAtIndexPath方法：

cell.imageView.image = UIImage(named: "image.png")

如果您使用的是自定义单元格，则需要向单元格添加UIImageView。

如果您要归档的是图形底部的单元格，那么您需要将UIImageView添加到自定义单元格，并使用一些约束或自动布局来对齐文本。 / p>

Answer 3

我的建议是创建YourTableViewCell并添加约束，以便一切都与右边对齐（有很多教程用于创建自定义UITableViewCell）。

UITableViewCell图像始终在左侧，所以我认为这不是您的解决方案。

您可以做的另一件事是计算位置并在cellAtIndexPath中创建图像并将其添加到单元格中。

总而言之，我会使用自定义单元格。