使用UITableView作为照片流

时间:2013-10-16 00:43:25

标签: ios objective-c uitableview

我正在尝试使用UITableView来创建照片流(就像在Instagram中一样)。我有代码应该工作,但图像仍然没有显示。如果我只是创建一个不属于表的UIImageView,则显示图像,但是当我尝试将其添加到表中时,它不会出现。桌子正在出现,没有图像。这是代码 -

查看正在创建表的控制器

#pragma mark - Table view data source

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    //    NSInteger sections = self.objects.count;
    //    if (self.paginationEnabled && sections != 0)
    //        sections++;
    //    return sections;
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 1;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"PhotoCell";
    PhotoCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    cell.thumbImage = [UIImage imageNamed:self.thumbImage];

    if (cell==nil) {
        cell = [[PhotoCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:CellIdentifier];

    }
    // Configure the cell...

    return cell;
}

Cell ViewController -

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        // Initialization code
        UIImageView *imageView = [[UIImageView alloc] initWithImage:self.thumbImage];

        imageView.frame = CGRectMake( 0.0f, 0.0f, 320.0f, 320.0f);
        imageView.backgroundColor = [UIColor blackColor];
        imageView.contentMode = UIViewContentModeScaleAspectFit;

        self.photoButton = [UIButton buttonWithType:UIButtonTypeCustom];
        self.photoButton.frame = CGRectMake( 0.0f, 0.0f, 320.0f, 320.0f);
        self.photoButton.backgroundColor = [UIColor clearColor];
        [self.contentView addSubview:self.photoButton];

        NSLog(@"Working");
        [self.contentView bringSubviewToFront:self.imageView];
    }
    return self; }

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
    [super setSelected:selected animated:animated];

    // Configure the view for the selected state }

#pragma mark - UIView

- (void)layoutSubviews {
    [super layoutSubviews];
    self.imageView.frame = CGRectMake( 20.0f, 0.0f, 280.0f, 280.0f);
    self.photoButton.frame = CGRectMake( 20.0f, 0.0f, 280.0f, 280.0f); }

@end

我使用这个 -

将一个视图中捕获的图像发送给另一个视图
PhotoCell *photoCell = [[PhotoCell alloc] init];
    photoCell.thumbImage = self.thumbImage;

2 个答案:

答案 0 :(得分:0)

您的代码存在的问题是您尝试将图像设置为可能为零的对象。

即使dequeueReusableCellWithIdentifier:返回有效的单元格实例,您的代码也无效,因为您要在initWithStyle:reuseIdentifier:方法中添加图片视图,如果单元格不是nil,则不会调用该图像。

我建议您执行以下操作

的ViewController

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:   (NSIndexPath *)indexPath
{
static NSString *CellIdentifier = @"PhotoCell";
PhotoCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

if (cell==nil) {
    cell = [[PhotoCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:CellIdentifier];

}

[cell setImage:[UIImage imageNamed:self.thumbImage];

return cell;
}

Cell Subclass

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
if (self) {
    // Maintain reference to the image view you create.
    self.imageView = [[UIImageView alloc] init];

    self.imageView.frame = CGRectMake( 0.0f, 0.0f, 320.0f, 320.0f);
    self.imageView.backgroundColor = [UIColor blackColor];
    self.imageView.contentMode = UIViewContentModeScaleAspectFit;

    self.photoButton = [UIButton buttonWithType:UIButtonTypeCustom];
    self.photoButton.frame = CGRectMake( 0.0f, 0.0f, 320.0f, 320.0f);
    self.photoButton.backgroundColor = [UIColor clearColor];
    [self.contentView addSubview:self.photoButton];

    NSLog(@"Working");
    [self.contentView bringSubviewToFront:self.imageView];
}
return self; }

-(void)setImage:(UIImage *)image
{
  [self.imageView setImage:image];
}

在同一个注释中,如果您使用的话,我建议您在xib / storyboard中创建原型单元格。这将是处理这种情况的更容易和更优雅的方式。

答案 1 :(得分:0)

除了上面讨论过的内容之外,您应该为表格视图单元格或PhotoCell使用异步图像加载。这可以通过UIImageView+AFNetworking轻松完成。

我看到你正在寻找建立一个Instagram照片流。看看STXDynamicTableView这是一个示例代码。您需要做的只是将异步图像加载到其中。