Question

我正在重写我的应用程序以使用自动布局。但我坚持一个具体的问题。在主屏幕上是具有动态内容的表格视图。在每个单元格的顶部是方形照片（左右对齐20px）。基本上是这样的：

在真正的应用程序中，当然会在单元格中获得更多视图，但即使是这种基本布局我也无法开始工作。主要问题是，我想根据单元格宽度指定方形视图宽度，并且此视图必须始终为方形。单元格高度取决于此正方形视图的高度。它看起来很简单，但我尝试了很多约束配置（在IB中或以编程方式）并且始终失败。这是细胞高度的方法：

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    [self.prototypeCell congigureCell];
    [self.prototypeCell setNeedsLayout];
    [self.prototypeCell layoutIfNeeded];
    CGSize size = [self.prototypeCell.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize];
    return size.height + 1.0;
}

当方形视图宽度指定为常量时，一切正常。但这不是我想要的（谁知道什么屏幕尺寸会有新iPhone，所以我想做好准备:)）。我在汽车布局方面经验不足，所以我希望我只是错过了一些明显的东西。我将非常感谢你的每一条建议。

Answer 1

简短的回答，您可以随时通过

了解任何设备上的屏幕宽度

[[UIScreen mainScreen] bounds].size.width;

因此，您可以使用它来计算您的方格，从而计算您的单元格的高度。

现在提出更复杂但更通用的答案..

您可以使用自动布局使用少量魔法来调整所有单元格的大小。第1步子类UITableViewCell（你可能已经完成了这个）并添加了layoutSubviews方法。

- (void)layoutSubviews
{
  [super layoutSubviews];
  [self.contentView layoutIfNeeded];
  // any other layout stuff needed, multiline labels etc
}

第2步：创建一个虚拟单元格。原因是要计算你需要单元格的单元格的高度，通常你会调用tableVeiw：cellForRowAtIndexPath：来做到这一点。问题是这会调用tableView：heightForRowAtIndexPath：这又需要单元格，所以调用cellForRowAtIndexPath ..你会看到我在这里的位置.. 所以在你的tableViewController

中

@property (nonatomic, strong) UITableViewCell *dummyCell;

- (UITableViewCell *)dummyCell
{
  if (!_dummyCell)
  {
      // have to dequeue if you are using a storyboard cell.
      _dummyCell = [self.tableView dequeueReusableCellWithIdentifier:kCellId];
  }
  return _dummyCell;
}

步骤3：对于简单的方形情况并非严格必要，但为了完整性而包括在内，您需要进行更复杂的布局。在tableViewController中创建配置单元格方法。

- (void)configureCell:(UITableViewCellCell *)cell withModel:(id)modelObject
{
   // some custom setup using model data (labels images etc)
}

步骤4：现在我们在tableView：heightForRowAtIndexPath * note模型是你创建的一些自定义DataObject

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 
{
     // get model
     Model *modelData = self.someDataArray[indexPath.row];

     //Configure
     [self configureCell:self.dummyCell withModel:modelData];

     // layout cell using width of tableview
     self.dummyCell.bounds = CGRectMake(0.0f, 0.0f, CGRectGetWidth(tableView.bounds), 0); 
     [self.offscreenCell setNeedsLayout];
     [self.offscreenCell layoutIfNeeded];

     // calculate the size the cell need to draw its contents. 
     // this is where the magic happens!
     CGSize size = [self.dummyCell.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize];

     //return the height of your cell :)
     return size.height;
}

你有它。这可用于计算具有任何视图的单元格的高度，或动态大小的标签，假设您正确使用layoutSubviews和configureCell。享受：）

Answer 2

如果你知道边距是什么，你能否将tableView的宽度减去边距的2倍？在我看来，这将保证阴影区域的高度和宽度相等。

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 
{
    return tableView.frame.size.width - (2.0 * MARGIN);
}

具有动态高度和自动布局的UITableViewCell - 单元格中的方形视图

2 个答案: