定位 UITableViewCell 的 imageView

Question

在 UITableView 的每个 UITableViewCell 中，我都将图像放置在其 imageView 中。但是，如果我使用 tableView:heightForRowAtIndexPath: 增加单元格的高度以容纳更多文本，我发现：

1. 图像垂直居中对齐。
2. 图像的左边距增加。这会将文本向右推，使其左边距不再与上方和下方单元格中的文本对齐。

我希望图像垂直顶部对齐，以便它位于单元格的左上角（如下图中的第一个单元格），并且其左边距不增加（以便第二个单元格中的文本与第一个单元格中的文本对齐）。

改变imageView的框架、中心等似乎没有影响。有什么想法吗？谢谢...

（我有这个问题的图像，但是还不允许我发布图像，因为我是一个声誉低于 10 的菜鸟。Grrrr...）

Answer 1

您需要子类化 UITableViewCell 并重写 layoutSubviews，如下所示：

- (void) layoutSubviews
{   
    [super layoutSubviews];

    self.imageView.frame = CGRectMake( 10, 10, 50, 50 ); // your positioning here
}

在 cellForRowAtIndexPath: 方法中，确保返回新单元格类型的实例。

Answer 2

当您认为需要调整默认样式中项目的大小或位置时，您就需要考虑创建一个自定义单元格，其中您自己的项目的大小和位置按照您想要的方式进行。这就是您可以创建自定义单元格的原因。 :)

Answer 3

另一种方法（适用于 iOS 6）是创建一个 UIImageView 并将其作为子视图添加到单元格中

 UIImageView *yourImageView = [[UIImageView alloc] initWithFrame:CGRectMake(x,y,20,20)];

[yourImageView setImage:[UIImage imageNamed:[imagesArray objectAtIndex:indexPath.row]]]; //You can have an Array with the name of 

[yourcell.contentView addSubview:yourImageView]; //add the imageView as a subview

Answer 4

您可能没有尝试过的一个非常有用的函数（在 UITableViewDelegate 中）是 tableView:willDisplayCell:forRowAtIndexPath:。它在单元格显示之前立即调用，其目的是使您能够对布局进行操作，而无需操作系统在显示之前再次对其进行修改。实际上，您拥有完全的控制权。我用它来更改单元格中的字体，但您也可以迭代单元格的子视图并修改它们的框架。

不过我同意你现在是时候研究自定义单元并停止与操作系统对抗了。这并不难，苹果在 iOS 表格视图编程指南。

Answer 5

TomSwift 解决方案的 Swift 4 变体（对我来说效果很好）：

override public func layoutSubviews() {
        super.layoutSubviews()
        imageView?.frame = CGRect( x: 16, y: 9, width: imageView!.intrinsicContentSize.width, height:  imageView!.intrinsicContentSize.height)
    }

Answer 6

您可以创建自定义单元格并将对象放置在您需要的位置以及设置自动遮罩值。

Answer 7

class CustomCell: UITableViewCell {
    override public func layoutSubviews() {
        super.layoutSubviews()
        imageView?.frame = CGRect( x: 20, y: 10, width: imageView!.intrinsicContentSize.width, height:  imageView!.intrinsicContentSize.height)
    }
}

在故事板中使用 CustomCell 代替 UITableViewCell。

还从数据源返回 CustomCell 实例，如下所示

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        if let cell: CustomCell = tableView.dequeueReusableCell(withIdentifier: "revcell", for: indexPath) as? CustomCell
        {
            //code
            return cell
        }
        return UITableViewCell()
    }