无法满足约束-视觉格式语言

Question

我开始以编程方式使用自动版式和约束，但我不明白为什么收到以下警告

Probably at least one of the constraints in the following list is one you don't want. Try this: (1) look at each constraint and try to figure out which you don't expect; (2) find the code that added the unwanted constraint or constraints and fix it. (Note: If you're seeing NSAutoresizingMaskLayoutConstraints that you don't understand, refer to the documentation for the UIView property translatesAutoresizingMaskIntoConstraints) 
(
    "<NSLayoutConstraint:0x7fbbd142ead0 'UIView-Encapsulated-Layout-Height' V:[UITableViewCellContentView:0x7fbbd162ec70(44)]>",
    "<NSLayoutConstraint:0x7fbbd1431740 V:|-(20)-[UILabel:0x7fbbd174e520'Liked']   (Names: '|':UITableViewCellContentView:0x7fbbd162ec70 )>",
    "<NSLayoutConstraint:0x7fbbd1431790 V:[UILabel:0x7fbbd174e520'Liked']-(NSSpace(8))-[UILabel:0x7fbbd174e7e0's']>",
    "<NSLayoutConstraint:0x7fbbd14317e0 V:[UILabel:0x7fbbd174e7e0's']-(20)-|   (Names: '|':UITableViewCellContentView:0x7fbbd162ec70 )>"
)

我知道导致错误的代码行是：

constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-20-[nameLbl]-[notificationLbl]-[textLabel]-20-|" options:NSLayoutFormatDirectionLeadingToTrailing metrics:nil views:views];

但我不明白为什么不能满足约束条件。 这可能是一个愚蠢的问题，但是由于不完整的文档，我对自动版式还是陌生的，而且这个主题令人困惑。 我尝试了不同的变体和解决方案，但未能找到正确的变体和解决方案。 我想念什么？ 我还将粘贴自定义表格视图单元格的代码以进行更详细的检查。

@implementation NotificationCell
@synthesize nameLbl,notificationLbl,textLabel,timeLbl,profileImgView,notificationImgView,clockImgView,didSetupConstraints;
-(id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {


        nameLbl = [[UILabel alloc]init];
        [nameLbl setTextColor:[UIColor blueColor]];
        nameLbl.translatesAutoresizingMaskIntoConstraints = NO;
        [nameLbl setTextAlignment:NSTextAlignmentLeft];
        [nameLbl setNumberOfLines:1];

        [nameLbl setBackgroundColor:[UIColor redColor]];
        [self.contentView addSubview:nameLbl];

        notificationLbl = [[UILabel alloc]init];
        [notificationLbl setTextColor:[UIColor lightGrayColor]];
        notificationLbl.translatesAutoresizingMaskIntoConstraints = NO;
        [notificationLbl setTextAlignment:NSTextAlignmentLeft];
        [notificationLbl setNumberOfLines:1];
        [self.contentView addSubview:notificationLbl];

        textLabel = [[UILabel alloc]init];
        [textLabel setTextColor:[UIColor blueColor]];
        textLabel.translatesAutoresizingMaskIntoConstraints = NO;
        [textLabel setTextAlignment:NSTextAlignmentLeft];
        [textLabel setNumberOfLines:0];
        [textLabel setBackgroundColor:[UIColor grayColor]];
        [self.contentView addSubview:textLabel];

        timeLbl = [[UILabel alloc]init];
        [timeLbl setTextColor:[UIColor grayColor]];
        timeLbl.translatesAutoresizingMaskIntoConstraints = NO;
        [timeLbl setTextAlignment:NSTextAlignmentLeft];
        [timeLbl setNumberOfLines:1];

        [self.contentView addSubview:timeLbl];

        profileImgView = [[UIImageView alloc]init];
        [profileImgView setTranslatesAutoresizingMaskIntoConstraints:NO];
        [profileImgView setBackgroundColor:[UIColor redColor]];
        [profileImgView.layer setCornerRadius:20];
        [profileImgView.layer setMasksToBounds:YES];
        [self.contentView addSubview:profileImgView];

        clockImgView = [[UIImageView alloc]init];
        [clockImgView setTranslatesAutoresizingMaskIntoConstraints:NO];
        [clockImgView setBackgroundColor:[UIColor blueColor]];
        [clockImgView.layer setCornerRadius:10];
        [clockImgView.layer setMasksToBounds:YES];
        [self.contentView addSubview:clockImgView];

        notificationImgView = [[UIImageView alloc]init];
        [notificationImgView setTranslatesAutoresizingMaskIntoConstraints:NO];
        [notificationImgView setBackgroundColor:[UIColor purpleColor]];
        [notificationImgView.layer setCornerRadius:10];
        [notificationImgView.layer setMasksToBounds:YES];
        [self.contentView addSubview:notificationImgView];

        /*[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-0-[_headerView(==80)]-0-[_tableView]-|"
                                                                          options:NSLayoutFormatDirectionLeadingToTrailing
                                                                          metrics:nil
                                                                            views:elementsDict]];*/



    }
    return self;
}
-(void)updateConstraints{
    if (self.didSetupConstraints == NO) {

        NSDictionary *views = NSDictionaryOfVariableBindings(nameLbl,notificationLbl,notificationImgView,textLabel,timeLbl,profileImgView,clockImgView);
        NSArray *constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[profileImgView(40)]-10-[textLabel]-[clockImgView(20)]-[timeLbl(20)]-|" options:NSLayoutFormatDirectionLeadingToTrailing metrics:nil views:views];
        [self.contentView addConstraints:constraints];

        constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"H:[profileImgView]-10-[nameLbl]-[clockImgView]" options:NSLayoutFormatDirectionLeadingToTrailing metrics:nil views:views];
        [self.contentView addConstraints:constraints];

        constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"H:[profileImgView]-10-[notificationImgView(20)]-[notificationLbl]-[clockImgView]" options:NSLayoutFormatDirectionLeadingToTrailing metrics:nil views:views];
        [self.contentView addConstraints:constraints];

        constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-20-[nameLbl]-[notificationLbl]-[textLabel]-20-|" options:NSLayoutFormatDirectionLeadingToTrailing metrics:nil views:views];
        [self.contentView addConstraints:constraints];

        constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:[notificationImgView(20)]-[textLabel]" options:NSLayoutFormatDirectionLeadingToTrailing metrics:nil views:views];
        [self.contentView addConstraints:constraints];

        constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-15-[profileImgView(40)]" options:NSLayoutFormatDirectionLeadingToTrailing metrics:nil views:views];
        [self.contentView addConstraints:constraints];

        constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-15-[clockImgView(20)]" options:NSLayoutFormatDirectionLeadingToTrailing metrics:nil views:views];
        [self.contentView addConstraints:constraints];

        constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-15-[timeLbl]" options:NSLayoutFormatDirectionLeadingToTrailing metrics:nil views:views];
        [self.contentView addConstraints:constraints];
        self.didSetupConstraints = YES;
    }
    [super updateConstraints];
}
- (void)layoutSubviews
{
    [super layoutSubviews];

    [self.contentView setNeedsLayout];
    [self.contentView layoutIfNeeded];

    self.textLabel.preferredMaxLayoutWidth = CGRectGetWidth(self.textLabel.frame);
}

Answer 1

一些想法：

1. 确保既未在表视图上显式设置rowHeight属性，也未在UITableViewDelegate实现tableView:heightForRowAtIndexPath: 任一个将与执行基于约束的高度计算的像元建立冲突约束。

2. 虽然我认为没有必要，但“ Luke说”（在WWDC 2014视频中，“表和集合视图中的新增功能” ）应该在使用约束生成的行高时为表视图（例如viewDidLoad ）设置estimatedRowHeight 。

    self.tableView.estimatedRowHeight = 44; 

3. 我也没有发现这样做的必要，但是在同一WWDC 2014视频中，演示者Luke在遇到奇怪的约束错误，类似于您的约束错误，直到他在代码中添加了以下行：

    self.tableView.rowHeight = UITableViewAutomaticDimension; 

   他说，在下一颗种子中这不是必需的，但是在他的演示中，这是必要的。

4. 我注意到您仍然经常会收到无法满足的约束错误（即使您已完成上述操作并且所有约束都很好）。 我发现，如果将单元格的垂直约束之一更改为优先级小于1000，则似乎可以解决此问题（单元格的格式似乎正确。

请注意，这种自动计算的行高的行为在iOS 7中有所不同。但是在iOS 8中，上述应该做到这一点。 如果仍然有问题，请创建一个测试项目以表明问题所在，然后将其上传到我们可以查看的地方。

Answer 2

发生这种情况的原因是单元格的高度为44点，但是您垂直放置了标签，只有空格为20 + std间距+ std间距+ 20肯定大于44，并且仍然有标签高度，必须考虑： V:|-20-[nameLbl]-[notificationLbl]-[textLabel]-20-| 。 因此，您应该增加电池的高度。

Answer 3

您需要设置self.tableView.rowHeight = UITableViewAutomaticDimension; 它将动态使tableViewCell的高度。

您可能还需要设置高度限制以将标签标记为大于然后相等，以便如果不满意，则其高度可以为0。

Answer 4

根据我对动态像元高度的经验提出的一些建议：

首先，不要覆盖NotificationCell的updateConstraints方法。 在将所有子视图添加到contentView之后，在init方法中添加约束。

然后，更改您的heightForRow实现

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *) indexPath {
        NotificationCell *cell = [[NotificationCell alloc] init];

        // Do all your configuration here 
        cell.nameLabel.text = [_names objectAtIndex:indexPath.row];
        // Add all the rest too ... 

        CGFloat cellHeight = [cell.contentView systemLayoutSizeFittingSize:UILayoutFittingSizeCompressedSize].height;
        // Add a breakpoint here to see if your constraints are right and if the height is calculated correctly

        return height + 1;
}

如果标签不是多行的，即使没有设置文本，也应正确计算高度。 但是，如果它们可以延伸多行，则需要在heightForRow方法中设置文本的值。

希望这可以解决您的问题。