Question

我有一个UITableView，其中每个单元格在其contentView中包含一个UIView，我们称之为V. V还有subViews，一个UIImageView和UILabel.UIImage只是一个白色的圆角矩形我希望我的单元格（以及UIImageView）在选中时展开和缩小。我在didSelectRowAtIndexPath和heightForRowAtIndexPath方法中添加了一些代码。

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSNumber * key = [NSNumber numberWithInt:indexPath.row];
    UITableViewCell *cell = [cells objectAtIndex:indexPath.row];
    UIView * v = [[[cell contentView] subviews] objectAtIndex:0];
    UIImageView  * image = [[v subviews] objectAtIndex:0]; 

    _tappedIndex = [key intValue];
    _expanded = [_tappedCells objectForKey:key] == nil;
    NSLog(@"view's old params: %@", [GGStackPanel printFrameParams:v]); //prints out the frame params
    NSLog(@"image's old params: %@", [GGStackPanel printFrameParams:image]);
    if (_expanded)
    {
        [_tappedCells setObject:key forKey:key];
        v.frame = CGRectMake(v.frame.origin.x, v.frame.origin.y, v.frame.size.width, v.frame.size.height*1.5);
        image.frame = CGRectMake(image.frame.origin.x, image.frame.origin.y, image.frame.size.width, v.frame.size.height + 73);
    }
    else
    {
        [_tappedCells removeObjectForKey:key];
        v.frame = CGRectMake(v.frame.origin.x, v.frame.origin.y, v.frame.size.width, v.frame.size.height/1.5 );
        image.frame = CGRectMake(image.frame.origin.x, image.frame.origin.y, image.frame.size.width, v.frame.size.height - 113);
    }
    NSLog(@"view's new params: %@", [GGStackPanel printFrameParams:v]);
    NSLog(@"image's new params: %@", [GGStackPanel printFrameParams:image]);

    [tableView beginUpdates];
    [tableView endUpdates];
}

- (CGFloat)tableView:(UITableView *)tv heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *v = [_cells objectAtIndex:indexPath.row];
    CGFloat height = v.frame.size.height;
    if (indexPath.row == _tappedIndex)
    {
        if (_expanded)
        {
            height = v.frame.size.height * 1.5;
        }

        else
        {
            height = v.frame.size.height/1.5;
        }
    }
    return height;
}

单元格框架和V正在扩展，我记录了它们的框架参数。但即使您在每个单元格选择中更改其帧，imageView始终保持不变。在didSelectRowAtIndexPath方法中，它的帧会发生变化，但是当你再次点击同一个单元格时，它表示它的帧与上次没有变化。

如果我放置另一个UIView而不是imageView，它会使用其父视图和单元格进行扩展和缩小。因此，我想出了一个非常奇怪的解决方案：剪切圆角矩形，将窄的顶部和底部部分保留为imageView。然后在中间放一个空白的UIView，颜色与矩形相同。现在我的“矩形”正在扩展，因为空白的UIView扩展了，这两个imageViews正在上下移动。我不喜欢这个解决方案，因为如果你将手机转为横向模式，或者尝试从横向模式扩展单元格并返回到肖像，UI会搞乱。

有任何意见和建议吗？

Answer 1

如果使用initWithImage，UIImage视图的大小与其图像相同：我假设您在IB中添加图像，所以我猜测IB使用该方法来填充图像视图。如果你不能在扩展后添加图像（使用setImage会导致图像填充图像视图的大小），那么我只会使用带圆角的UIView。您不需要进行切片，只需使用带圆角的图层。这就是我通过在单元格中放置一个圆角白色矩形来使单元格具有分组外观所做的工作。这是子视图的init方法：

-(id)initWithCoder:(NSCoder *)aDecoder {
    if (self = [super initWithCoder:aDecoder]) {
        self.backgroundColor = [UIColor whiteColor];
        CALayer *bgLayer = self.layer;
        [bgLayer setMasksToBounds:YES];
        [bgLayer setCornerRadius:8];
    }
    return  self;
}

如果你这样做，一定要导入QuartzCore框架。

UIImageView单元格视图之一的视图不会随其父视图一起展开

1 个答案: