ios - 尽管图像很大，但 UIImageView 在 UICollectionViewCell 中显得很小

Question

使用自动布局，我创建了 UICollectionView 并在其中添加了一个 UIImageView 以显示各种类别图像。但是当我运行该应用程序时，尽管该单元格在屏幕上占据了适当的区域，但其中包含的 UIImageView 显得非常小。任何建议如何解决这个问题？我正在使用 Swift。

使用自动布局的 Pin 选项，我已将 UIImageView 固定到 UICollectionViewCell 的所有边缘。

在 Xcode Storyboard中它看起来像这样:

运行应用程序后，它看起来像这样:

我希望 UIImageView 覆盖单元格的所有绿色空间以显示图像。我正在使用以下代码来填充 UICollectionView

@IBOutlet weak var categoryCollectionView: UICollectionView!

let categoryImages = [UIImage(named: "cake"), UIImage(named: "flowers"), UIImage(named: "chocolate"), UIImage(named: "greetings"), UIImage(named: "combobox"), UIImage(named: "handicraft"), UIImage(named: "mug"), UIImage(named: "soft_toy")]

let categoryNames = ["Cakes", "Flowers", "Chocolates", "Greetings", "Combos", "Handicraft", "Mugs", "Soft Toys"]


func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return self.categoryNames.count;
}

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {

    let cell = categoryCollectionView.dequeueReusableCellWithReuseIdentifier("cell", forIndexPath: indexPath) as! HomeCategoriesCollectionViewCell


    cell.categoryImageView?.image = self.categoryImages[indexPath.row]

    cell.categoryNameLabel?.text = self.categoryNames[indexPath.row]

    return cell
}

Answer 1

看起来 contentView 没有填充您的代码返回的单元格宽度/高度。在 cellForItemAtIndexPath 中创建单元格后，您可以尝试设置 contentView 框架以匹配单元格的边界:

cell.contentView.frame = cell.bounds
cell.contentView.autoresizingMask = UIViewAutoresizing.FlexibleLeftMargin | 
                         UIViewAutoresizing.FlexibleWidth | 
                         UIViewAutoresizing.FlexibleRightMargin |
                         UIViewAutoresizing.FlexibleTopMargin |
                         UIViewAutoresizing.FlexibleHeight | 
                         UIViewAutoresizing.FlexibleBottomMargin

或 swift 2

cell.contentView.frame = cell.bounds
cell.contentView.autoresizingMask = [.FlexibleLeftMargin,
                          .FlexibleWidth,
                          .FlexibleRightMargin,
                          .FlexibleTopMargin,
                          .FlexibleHeight,
                          .FlexibleBottomMargin]