UICollectionView无法更改cellView的单元格大小

Question

我想将prototype-cell和imageView配置为新的宽度和高度，但这对imageView不起作用。

如何更改imageView的大小以适合单元格大小？

我从头开始新创建CollectionView。在IB上，我将ImageView添加到带有标记100的原型单元格中。

通过collectionView:layout:sizeForItemAtIndexPath:在代码中更改单元格大小，这可以正常工作。然后我配置imageView的框架以适应单元格框架。日志显示这有效，但在模拟器上，imageView大小不会改变！

IB和模拟器中的结果

日志

[collectionView:layout:sizeForItemAtIndexPath:] [Line 78] SETTING SIZE For Cell 0, width: 104.000000
[collectionView:layout:sizeForItemAtIndexPath:] [Line 78] SETTING SIZE For Cell 1, width: 104.000000
[collectionView:layout:sizeForItemAtIndexPath:] [Line 78] SETTING SIZE For Cell 2, width: 104.000000
[collectionView:layout:sizeForItemAtIndexPath:] [Line 78] SETTING SIZE For Cell 3, width: 104.000000
[collectionView:layout:sizeForItemAtIndexPath:] [Line 78] SETTING SIZE For Cell 4, width: 104.000000
[collectionView:layout:sizeForItemAtIndexPath:] [Line 78] SETTING SIZE For Cell 5, width: 104.000000
[collectionView:layout:sizeForItemAtIndexPath:] [Line 78] SETTING SIZE For Cell 6, width: 104.000000
[collectionView:layout:sizeForItemAtIndexPath:] [Line 78] SETTING SIZE For Cell 7, width: 104.000000
[collectionView:layout:sizeForItemAtIndexPath:] [Line 78] SETTING SIZE For Cell 8, width: 104.000000
[collectionView:cellForItemAtIndexPath:] [Line 52] Entering Cell: 0
[collectionView:cellForItemAtIndexPath:] [Line 60]      width: 50.000000
[collectionView:cellForItemAtIndexPath:] [Line 61]      height: 50.000000
[collectionView:cellForItemAtIndexPath:] [Line 64]      new width: 104.000000
[collectionView:cellForItemAtIndexPath:] [Line 67]      imageView width: 104.000000
[collectionView:cellForItemAtIndexPath:] [Line 68]      cell width: 104.000000
[collectionView:cellForItemAtIndexPath:] [Line 52] Entering Cell: 1
[collectionView:cellForItemAtIndexPath:] [Line 60]      width: 50.000000
[collectionView:cellForItemAtIndexPath:] [Line 61]      height: 50.000000
[collectionView:cellForItemAtIndexPath:] [Line 64]      new width: 104.000000
[collectionView:cellForItemAtIndexPath:] [Line 67]      imageView width: 104.000000
[collectionView:cellForItemAtIndexPath:] [Line 68]      cell width: 104.000000
[... and so on ...]
[collectionView:cellForItemAtIndexPath:] [Line 52] Entering Cell: 8
[collectionView:cellForItemAtIndexPath:] [Line 60]      width: 50.000000
[collectionView:cellForItemAtIndexPath:] [Line 61]      height: 50.000000
[collectionView:cellForItemAtIndexPath:] [Line 64]      new width: 104.000000
[collectionView:cellForItemAtIndexPath:] [Line 67]      imageView width: 104.000000
[collectionView:cellForItemAtIndexPath:] [Line 68]      cell width: 104.000000

CollectionViewController.h

#import <UIKit/UIKit.h>

@interface CollectionViewController : UICollectionViewController

@end

CollectionViewController.m

#import "CollectionViewController.h"

@interface CollectionViewController ()

@end

@implementation CollectionViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    self.collectionView.backgroundColor = [UIColor purpleColor];
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - Collection view
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
    return 1;
}
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    return 9;
}

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{

    DLog(@"Entering Cell: %ld", (long)indexPath.item);

    UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];
    cell.backgroundColor = [UIColor redColor];

    UIImageView *imageView = (UIImageView *)[cell viewWithTag:100];

    CGRect frame = [imageView frame];
    DLog(@"\t\twidth: %f", frame.size.width);
    DLog(@"\t\theight: %f", frame.size.height);

    frame.size.width = 104;
    DLog(@"\t\tnew width: %f", frame.size.width);

    [imageView setFrame:frame];
    DLog(@"\t\timageView width: %f", imageView.frame.size.width);
    DLog(@"\t\tcell width: %f", cell.frame.size.width);

    imageView.image = [UIImage imageNamed:@"foo.jpg"];

    return cell;
}

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {

    CGSize mElementSize = CGSizeMake(104, 104);
    DLog(@"SETTING SIZE For Cell %d, width: %f", indexPath.row, mElementSize.width);
    return mElementSize;
}

@end

Answer 1

我希望这有助于某人。我遇到了类似的问题。我能够解决它。如果在- (void)awakeFromNib函数中创建自定义UICollectionViewCell 在UIImageView for cell

上调用autoresizingMask

_imageViewForCell.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;

这应该会在您的集合视图单元格中调整图像大小。