带有故事板原型的 UITableViewCell 子视图的动态大小
Posted
技术标签:
【中文标题】带有故事板原型的 UITableViewCell 子视图的动态大小【英文标题】:Dynamic size of subviews of UITableViewCell with storyboard prototypes 【发布时间】:2012-04-03 17:19:59 【问题描述】:我正在使用情节提要将其中一个原型单元定义为“自定义”并添加UITextField
。它的左侧有一个标签(带有静态文本)。它有点像“正确的细节”单元格类型,只是正确的部分是可编辑的。
有没有办法经济地调整文本字段的大小,使其从文本标签的末尾到达右边缘?左边的文本标签应该足够大以显示它的文本。
我知道sizeToFit
和sizeWithFont:constrainedToSize:
,但是调整子视图的大小似乎相当麻烦,并且必须在每次回收单元格时重复。
有没有办法处理UIView
的autoresizingMask
,也许是通过在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 子类布局在禁用自动布局的故事板中搞砸了
跨各种 UITableViews 的 UITableViewCell 原型单元格