2011-09-07 60 views
1

我想在一个iPhone应用程序的分组表格视图中自定义UITableViewCell。我想要做的是图像宽度占用整个单元格减去填充(280)和基于图像大小的高度变量。根据图像大小调整自定义的UITableViewCell和包含的UIImageView

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

我已经搜索了很多方法,还没有找到我正在寻找什么。最近的是这样的:How to scale a UIImageView proportionally,但是这种方法似乎要求单元在初始化时有图像,因为我试图让这个代码工作,但是在初始化后设置图像留下了一个空单元。

当前代码包含我设置的用于近似纵向图像的常量。实际上,一些图像是人像,一些是横向。

请让我知道是否有什么额外的,你需要知道的。

为自定义的UITableViewCell头:实施了自定义的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

#import <UIKit/UIKit.h> 


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

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

@end 

相关部分

- (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 
    } 
} 

回答

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]; 
+0

我有tableView:heightForRowAtIndexPath实现一个常量;忘了在这里列出。截至目前,自定义UITableViewCell使用图像的宽度,高度和常量调整后的宽度280来计算UIImageView框架的正确高度。在viewDidAppear中调用reloadData可提供正确的图像。但是,heightForRowAtIndexPath是在图像具有正确高度之前计算的。仍然在为高度制定合适的解决方案。 – scottoliver

+0

只是好奇你为什么有点拖延?有什么特别的原因吗? – fatih

相关问题