Question

我正在尝试在分组表视图中为iPhone应用程序自定义下面的UITableViewCell。我想要做的是让图像宽度占据整个单元格减去填充（280），并根据图像大小调整高度变量。

目前我正在使用SDWebImage异步下载远程图像。在这种情况下，这可能不是正确的做法。我也无法弄清楚如何在初始化时为自定义单元格提供图像。图像URL存储在DetailViewController中的self.beerPhoto中。

我已经搜索了很多种方法，并没有找到我想要的东西。最接近的是：How to scale a UIImageView proportionally，但是这个方法似乎要求单元格在初始化时使用图像，因为我试图使这段代码工作，但是在初始化后设置图像会留下一个空白单元格。

当前代码包括我设置为纵向逼近图像的常量。实际上，有些图像是纵向的，有些是横向的。

如果您还需要了解其他信息，请与我们联系。

自定义UITableViewCell的标头：

#import <UIKit/UIKit.h>


@interface BeerDetailHead : UITableViewCell {
    UILabel *beerName;
    UIImageView *beerImage;
}

@property(nonatomic, retain)UILabel *beerName;
@property(nonatomic, retain)UIImageView *beerImage;

@end

自定义UITableViewCell的实现的相关部分

#import "BeerDetailHead.h"


@implementation BeerDetailHead

@synthesize beerName, beerImage;

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        // Initialization code
        //beerName = [[UILabel alloc]init];
        //beerName.textAlignment = UITextAlignmentLeft;
        //beerName.font = [UIFont systemFontOfSize:14];
        beerImage = [[UIImageView alloc]init];
        //[self.contentView addSubview:beerName];
        [self.contentView addSubview:beerImage];
    }
    return self;
}

- (void)layoutSubviews {
    [super layoutSubviews];
    CGRect contentRect = self.contentView.bounds;
    CGFloat boundsX = contentRect.origin.x;
    CGRect frame;
    frame= CGRectMake(boundsX+10 ,10, 280, 375);
    beerImage.frame = frame;
}

DetailViewController的cellForRowAtIndexPath

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *SimpleTableIdentifier = @"SimpleTableIdentifier";

    NSArray *listData =[self.tableContents objectForKey:
                        [self.sortedKeys objectAtIndex:[indexPath section]]];

    NSLog(@"listData = %@", listData);

    NSUInteger row = [indexPath row];

    if ([self.sortedKeys objectAtIndex:[indexPath section]] == @"header"){
        static NSString *headerTableIdentifier = @"HeaderTableIdentifier";
        BeerDetailHead * headerCell = (BeerDetailHead*)[tableView
                                                        dequeueReusableCellWithIdentifier: headerTableIdentifier];

        if(headerCell == nil) {

            headerCell = [[[BeerDetailHead alloc] initWithFrame:CGRectZero reuseIdentifier:headerTableIdentifier] autorelease];                 
        }

        headerCell.beerName.text = [listData objectAtIndex:row];
        [headerCell.beerImage setImageWithURL:[NSURL URLWithString:self.beerPhoto]
                       placeholderImage:[UIImage imageNamed:@"placeholder.png"]];
        //NSLog(@"frame = %@", headerCell.beerImage.frame);

        return headerCell;
    }
    else{
        //use standard UITableViewCell
    }
}

Answer 1

实施tableView:heightForRowAtIndexPath:委托方法，并从此方法返回每行的计算高度在tableView上加载每个图像调用reloadData后，或者如果要为更改调用设置动画，请执行以下操作：

[self.tableView beginUpdates];
[self.tableView endUpdates];

此外，您可能希望将多个序列高度更新合并为一个。我会用一点延迟来执行此操作：

// triggerUpdates calls the above code
[NSObject cancelPreviousPerformRequestsWithTarget:self selector:@selector(triggerUpdates) object:nil];
[self performSelector:@selector(triggerUpdates) withObject:nil afterDelay:0.1];

调整自定义UITableViewCell的大小并包含基于图像大小的UIImageView

1 个答案: