UIView纵横比混淆systemLayoutSizeFittingSize

时间:2014-09-04 11:48:43

标签: ios objective-c uitableview autolayout

好吧,另一个UITableViewCell动态高度问题,但有点扭曲。 不幸的是,我只有在发布时才能跳转到iOS 8,否则问题就会解决。需要iOS> = 7.1。

我正在尝试在单元格的顶部创建一个包含两个图像的单元格,在它们下方有一个标题标签,下面是一个描述标签。我知道两个顶部图像将是正方形,因此我希望它们具有相同的尺寸并保持方形纵横比,但在屏幕尺寸变化时调整大小(如方向更改或不同设备)。

可能有助于可视化的图像(由于rep而无法包括。没关系颜色,可视化帮助): http://i.stack.imgur.com/kOhkl.png

注意最后一个文本之后的差距,这不应该是那里。

我在以前的应用程序中实现了动态高度: Using Auto Layout in UITableView for dynamic cell layouts & variable row heights(成功),现在也使用相同的方法。

我已经使用故事板和编程方式设置了约束,但没有成功。

虽然这是踢球者。致电:

CGFloat height = [cell.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height;

在:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

高度值大于阅读时的高度:

cell.contentView.frame

另一个问题是,如果我删除图像上的宽高比限制并仅将其更改为显式高度约束,则可以正常工作。

对于任何愿意帮助的人,我都会组建一个非常简单的示例项目来说明问题: https://github.com/alefr/DynamicTableCellHeight

设置使用故事板进行约束,并且还有一个额外的分支:ExplicitHeightConstraint,除了将宽高比限制更改为图像的高度约束外,什么都不做。

**所以问题是:** 任何人都可以看到任何错误导致混淆高度计算的约束,或者有人有任何其他建议来获得想要的结果吗? (虽然我想为视图使用自动布局。)

在作品中存在相当多的约束(虽然没有什么真正的花哨)所以我认为在提供的故事板(github链接)中查找比在此明确说明它们更容易。但如果有人幻想我也可以这样做。估计的高度计算如下:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {

// Don't care about memory leaks now:
DynamicTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"dynamicCell"];

[self populateCell:cell withContent:self.tableData[indexPath.row]];

// Make sure the constraints have been set up for this cell, since it may have just been created from scratch.
// Use the following lines, assuming you are setting up constraints from within the cell's updateConstraints method:
[cell setNeedsUpdateConstraints];
[cell updateConstraintsIfNeeded];

// Set the width of the cell to match the width of the table view. This is important so that we'll get the
// correct cell height for different table view widths if the cell's height depends on its width (due to
// multi-line UILabels word wrapping, etc). We don't need to do this above in -[tableView:cellForRowAtIndexPath]
// because it happens automatically when the cell is used in the table view.
// Also note, the final width of the cell may not be the width of the table view in some cases, for example when a
// section index is displayed along the right side of the table view. You must account for the reduced cell width.
cell.bounds = CGRectMake(0.0f, 0.0f, CGRectGetWidth(tableView.bounds), CGRectGetHeight(cell.bounds));

// Do the layout pass on the cell, which will calculate the frames for all the views based on the constraints.
// (Note that you must set the preferredMaxLayoutWidth on multi-line UILabels inside the -[layoutSubviews] method
// of the UITableViewCell subclass, or do it manually at this point before the below 2 lines!)
[cell setNeedsLayout];
[cell layoutIfNeeded];

// Get the actual height required for the cell's contentView
CGFloat height = [cell.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height;

// So we can read debug values
CGRect contentFrame = cell.contentView.frame;
CGRect firstImageFrame = cell.firstArtwork.frame;
CGRect secondImageFrame = cell.secondArtwork.frame;
CGRect nameFrame = cell.name.frame;
CGRect numArtworksFrame = cell.numArtworks.frame;

// Add an extra point to the height to account for the cell separator, which is added between the bottom
// of the cell's contentView and the bottom of the table view cell.
height += 1.0f;
return height;
}

- (void)populateCell:(DynamicTableViewCell*)cell withContent:(DynamicContent*)content
{
    cell.firstArtwork.image = content.firstImage;
    cell.secondArtwork.image = content.secondImage;
    cell.name.text = content.name;
    cell.numArtworks.text = [NSString stringWithFormat:@"%@ artworks", content.numImages];
}

由于

1 个答案:

答案 0 :(得分:4)

我遇到了同样的情况,并解决了它以覆盖给定单元格中的systemLayoutSizeFittingSize函数,并将aspectRation约束替换为高度约束。在以下示例中,mediaPlayerAspectRationConstraint在视图生命周期中添加到视图中,mediaPlayerHeightContraint将用于确定单元格的正确高度(请参阅下面的代码)。

所以,我用了

CGFloat height = [cell systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height;

而不是[cell.contentView systemLayoutSizeFittingSize:]

- (CGSize)systemLayoutSizeFittingSize:(CGSize)targetSize {
    self.mediaPlayerHeightContraint.constant = CGRectGetHeight(self.experienceMedia.frame);

    //Lets replace it with an exact height constraint (workaround).

    //To remove the Unable to simultaneously satisfy constraints. exceptions
    [self.contentView layoutIfNeeded];

    [self.experienceMedia removeConstraint:self.mediaPlayerAspectRationConstraint];
    [self.experienceMedia addConstraint:self.mediaPlayerHeightContraint];

    [self setNeedsUpdateConstraints];

    CGSize res = [self.contentView systemLayoutSizeFittingSize:targetSize];

    [self.contentView layoutIfNeeded];

    [self.experienceMedia removeConstraint:self.mediaPlayerHeightContraint];
    [self.experienceMedia addConstraint:self.mediaPlayerAspectRationConstraint];

    [self setNeedsUpdateConstraints];

    return res;
}