2

各セルのcontentViewに1つのUIViewが含まれているUITableViewがあります。これをVと呼びましょう。VにはsubView、1つのUIImageView、UILabelがあります。選択されました。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メソッドを使用しているときにフレームが変更されますが、同じセルをもう一度タップすると、フレームが前回から変更されていないことが示されます。

imageViewの代わりに別のUIViewを配置すると、親のビューとセルで拡大および縮小します。したがって、私は本当に奇妙な解決策を思いつきました。丸みを帯びた長方形を切り取り、上部と下部の狭い部分をimageViewとして残します。次に、長方形と同じ色の空白のUIViewを中央に配置します。空白のUIViewが拡張され、これら2つのimageViewが上下にシフトしているため、「長方形」が拡張されています。スマートフォンを横向きモードに切り替えたり、セルを横向きモードから拡大して縦向きに戻そうとすると、UIが混乱するため、このソリューションは好きではありません。

コメント、提案はありますか?

4

1 に答える 1

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フレームワークをインポートしてください。

于 2013-02-28T02:03:30.317 に答える