具有故事板原型的UITableViewCell子视图的动态大小

时间:2012-04-03 17:19:59

标签: iphone objective-c ios uitableview storyboard

我正在使用故事板将一个原型单元定义为" Custom"并添加UITextField。它左边有一个标签(带有静态文本)。它看起来像"右侧细节"单元格类型,只有右侧部分可编辑。

有没有办法经济地调整文本字段的大小,使其从文本标签的末尾到达右边缘?左侧的文字标签应该足够大,以显示它的文字。

我知道sizeToFitsizeWithFont:constrainedToSize:,但子视图的大小调整看起来相当麻烦,每次回收细胞都需要重复。

有没有办法使用autoresizingMask UIView,也许可以在IB /故事板中指定它?

1 个答案:

答案 0 :(得分:4)

我觉得我让你对上一个问题感到失望,所以这里有点努力。

您可以尝试以下内容。这只是一个示例项目,可以给你一个粗略的想法,但它运作得很好。

我使用单个表视图控制器创建了一个空项目。这具有硬编码的部分(1)和行(10)。我有一个Basic类型的原型单元格。您可以将任何视图设置为附件视图,因此我使用了文本字段。因此,所有的魔法都发生在cellForRowAtIndexPath:

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

    if (!cell.accessoryView)
    {
        UITextField *accessory = [[UITextField alloc] initWithFrame:CGRectMake(0.0, 0.0, 100.0, 30.0)];
        accessory.borderStyle = UITextBorderStyleLine; // Just so you can see the effect
        cell.accessoryView = accessory;
    }

    NSMutableString *text = [NSMutableString stringWithFormat:@"A"];

    for (int i = 0; i < indexPath.row; i++) {
        [text appendFormat:@"A"]; // Just to illustrate different sizes
    }

    cell.textLabel.text = text;

    CGSize labelSize = [cell.textLabel.text sizeWithFont:cell.textLabel.font];
    CGRect accessoryFrame = cell.accessoryView.frame;

    accessoryFrame.size.width = cell.bounds.size.width - labelSize.width - 40; 
    // 40 is a magic number to prevent overlaps, you could be cleverer here
    // You'd also want to restrict to some minimum width.
    cell.accessoryView.frame = accessoryFrame;

    return cell;
}

关键点:

  • 您只需要调整附件视图的大小。
  • 文本字段非常基本 - 通常你需要一个小的工厂方法,为你返回一个,设置委托,可能还有一个工具栏作为带有上一个,下一个和完成按钮的附件视图
  • 将在文本字段中输入的值分配回数据模型是读者留下的练习。

这会产生以下输出:

enter image description here