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

Posted

技术标签:

【中文标题】带有故事板原型的 UITableViewCell 子视图的动态大小【英文标题】:Dynamic size of subviews of UITableViewCell with storyboard prototypes 【发布时间】:2012-04-03 17:19:59 【问题描述】:

我正在使用情节提要将其中一个原型单元定义为“自定义”并添加UITextField。它的左侧有一个标签(带有静态文本)。它有点像“正确的细节”单元格类型,只是正确的部分是可编辑的。

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

我知道sizeToFitsizeWithFont:constrainedToSize:,但是调整子视图的大小似乎相当麻烦,并且必须在每次回收单元格时重复。

有没有办法处理UIViewautoresizingMask,也许是通过在IB /storyboard 中指定?

【问题讨论】:

我改变了可编辑的一面,你认为这就是你的意思吗?您希望在可编辑文本字段中输入多少文本? 20 个字符,20 行? 感谢您的编辑。字段内容最多为一行。视图控制器用于编辑,数据甚至不必完全显示。 【参考方案1】:

我觉得我在上一个问题上让你失望了,所以这里需要更多的努力。

您可以尝试以下方法。这只是一个示例项目,可以让您大致了解一下,但效果很好。

我创建了一个带有单个表视图控制器的空项目。这具有硬编码的部分 (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;

关键点:

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

这会产生以下输出:

【讨论】:

非常简洁的解决方案。非常清晰和经济。我曾想过accessoryView,但我们不得不放弃在 IB 中设计一切。嗯,这是一个很好的妥协。谢谢!

以上是关于带有故事板原型的 UITableViewCell 子视图的动态大小的主要内容,如果未能解决你的问题,请参考以下文章

UITableViewCell 子类布局在禁用自动布局的故事板中搞砸了

向 iOS 故事板添加比视图控制器尺寸更多的原型单元格?

跨各种 UITableViews 的 UITableViewCell 原型单元格

必须为标识符注册一个 nib 或一个类,或连接故事板中的原型单元'

带有故事板的自定义静态 TableView - 单元格背景

如何在情节提要中向原型 UITableViewCell 添加渐变背景颜色?