如何为CustomTableView单元格应用LayoutConstraint

Question

我需要设计像下面这样的带有nslayoutconstraints的自定义单元格，通过编程使用可视化格式语言以及带有项目的约束。任何帮助都将不胜感激。

`/*初始化并分配产品名称*/Product Name =[[ui label alloc]init]；product name . font =[ui font font with name:@ " HelveticaNeue " size:17.0 f]；self . product name . linebreakmode = nslinebreakbywordwarping；self . product name . number of lines = 0；product name . translatesautoresizingmaskintoconstraints = NO；[self . content view add subview:product name]；

    /* Intialize and assign Product Option */
    productOption=[[UILabel alloc]init];
    productOption.translatesAutoresizingMaskIntoConstraints=NO;
    productOption.font=[UIFont fontWithName:@"HelveticaNeue" size:13.0f];
    productOption.textColor=[UIColor colorWithRed:128/255.0f green:128/255.0f blue:128/255.0f alpha:1.0f]; /* 808080 */
    [self.contentView addSubview:productOption];

    /* Intialize and assign Product Image */
    productImageView=[[UIImageView alloc]init];
    productImageView.translatesAutoresizingMaskIntoConstraints=NO;
    productImageView.clipsToBounds=YES;
    productImageView.contentMode=UIViewContentModeScaleAspectFill;
    productImageView.layer.cornerRadius = 22.5;
    productImageView.layer.masksToBounds = YES;
    productImageView.layer.borderColor =[UIColor whiteColor].CGColor;
    productImageView.layer.borderWidth = 1;
    [self.contentView addSubview:productImageView];

    /* Intialize and assign List icon Image */
    listIconImage=[[UIImageView alloc]init];
    listIconImage.translatesAutoresizingMaskIntoConstraints=NO;
    listIconImage.image=[UIImage imageNamed:@"right-arrow.png"];
    [self.contentView addSubview:listIconImage];


   [self.contentView addConstraint:[NSLayoutConstraint constraintWithItem:self.productImageView
                                                                 attribute:NSLayoutAttributeTop
                                                                 relatedBy:NSLayoutRelationEqual
                                                                    toItem:self.contentView
                                                                 attribute:NSLayoutAttributeTop
                                                                multiplier:1.0
                                                                  constant:7]];

    [self.contentView addConstraint:[NSLayoutConstraint constraintWithItem:productImageView
                                                                 attribute:NSLayoutAttributeLeft
                                                                 relatedBy:NSLayoutRelationEqual
                                                                    toItem:self.contentView
                                                                 attribute:NSLayoutAttributeLeft
                                                                multiplier:1
                                                                  constant:11.5]];

    [self.contentView addConstraint:[NSLayoutConstraint constraintWithItem:self.productImageView
                                                                 attribute:NSLayoutAttributeWidth
                                                                 relatedBy:NSLayoutRelationEqual
                                                                    toItem:nil
                                                                 attribute:NSLayoutAttributeWidth
                                                                multiplier:1.0
                                                                  constant:45]];

    [self.contentView addConstraint:[NSLayoutConstraint constraintWithItem:self.productImageView
                                                                 attribute:NSLayoutAttributeHeight
                                                                 relatedBy:NSLayoutRelationEqual
                                                                    toItem:nil
                                                                 attribute:NSLayoutAttributeHeight
                                                                multiplier:1.0
                                                                  constant:45]];

    [self.contentView addConstraint:[NSLayoutConstraint constraintWithItem:self.productName
                                                                 attribute:NSLayoutAttributeLeading
                                                                 relatedBy:NSLayoutRelationEqual
                                                                    toItem:self.productImageView
                                                                 attribute:NSLayoutAttributeTrailing
                                                                multiplier:1.0
                                                                  constant:10]];

    [self.contentView addConstraint:[NSLayoutConstraint constraintWithItem:self.productName
                                                                 attribute:NSLayoutAttributeTop
                                                                 relatedBy:NSLayoutRelationEqual
                                                                    toItem:self.contentView
                                                                 attribute:NSLayoutAttributeTop
                                                                multiplier:1.0
                                                                  constant:5]];

    [self.contentView addConstraint:[NSLayoutConstraint constraintWithItem:self.productOption
                                                                 attribute:NSLayoutAttributeLeading
                                                                 relatedBy:NSLayoutRelationEqual
                                                                    toItem:self.productImageView
                                                                 attribute:NSLayoutAttributeTrailing
                                                                multiplier:1.0
                                                                  constant:10]];

    [self.contentView addConstraint:[NSLayoutConstraint constraintWithItem:self.productOption
                                                                 attribute:NSLayoutAttributeTop
                                                                 relatedBy:NSLayoutRelationEqual
                                                                    toItem:self.productName
                                                                 attribute:NSLayoutAttributeBottom
                                                                multiplier:1.0
                                                                  constant:5]];

    [self.contentView addConstraint:[NSLayoutConstraint constraintWithItem:self.listIconImage
                                                                 attribute:NSLayoutAttributeRight
                                                                 relatedBy:NSLayoutRelationEqual
                                                                    toItem:self.contentView
                                                                 attribute:NSLayoutAttributeRight
                                                                multiplier:1.0
                                                                  constant:-15.0f]];

    [self.contentView addConstraint:[NSLayoutConstraint constraintWithItem:self.listIconImage
                                                                 attribute:NSLayoutAttributeHeight
                                                                 relatedBy:NSLayoutRelationEqual
                                                                    toItem:nil
                                                                 attribute:NSLayoutAttributeHeight
                                                                multiplier:1.0
                                                                  constant:20.0f]];

    [self.contentView addConstraint:[NSLayoutConstraint constraintWithItem:self.listIconImage
                                                                 attribute:NSLayoutAttributeWidth
                                                                 relatedBy:NSLayoutRelationEqual
                                                                    toItem:nil
                                                                 attribute:NSLayoutAttributeWidth
                                                                multiplier:1.0
                                                                  constant:11.0f]];

    [self.contentView addConstraint:[NSLayoutConstraint constraintWithItem:self.listIconImage
                                                                 attribute:NSLayoutAttributeCenterY
                                                                 relatedBy:NSLayoutRelationEqual
                                                                    toItem:self.contentView
                                                                 attribute:NSLayoutAttributeCenterY
                                                                multiplier:1.0
                                                                  constant:0]];  `

以上是我用来创建这个设计的代码。现在正在纠结如何在tableviewcontroller中获取动态高度。当我在为rowatdinexpath获取高度时，它总是返回0。

谢谢

Answer 1

您应该设置tableView.rowHeight=UITableViewAutomaticDimension，并提供tableView.estimatedRowHeight=68.0f（估计高度，不一定是精确的）；以下链接中的更多信息： SO链接