Question

我有stack view，如下图所示：

所以我以编程方式更改image的高度以使其适合从我的服务器下载的图像，如果没有图像，image的高度限制将设置为零。

这是我的代码：

    let imageUrl = URL(string :imageString)

    if let data = try? Data(contentsOf: imageUrl!)
    {

       guard let actualImage: UIImage = UIImage(data: data) else{
        print("No image!")
        ImageView.image = nil
       defaultImageHeightContrainst = ImageHeightContrainst.constant
       ImageHeightContrainst.constant = 0

        layoutIfNeeded()
        return
      }

     let imageHeight = actualImage.size.height * actualImage.scale
     print("imageHeight = \(imageHeight)")
     defaultImageHeightContrainst = ImageHeightContrainst.constant
     ImageHeightContrainst.constant = imageHeight

     layoutIfNeeded()

     //here display the image to the imageview
      ImageView.kf.setImage(with: imageUrl)

   }

使用上面的代码，图像高度是根据从互联网下载的实际图像高度来缩放。如果没有图像，“图像”部分也已经设置为0。

这是我的预期，但现在每当“图像”高度变得更高以便适合实际图像高度时，我就会面临错误

 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. 
(
    "<NSLayoutConstraint:0x6080002868b0 UIImageView:0x7f9cbae59240.height == 50   (active)>",
    "<NSLayoutConstraint:0x608000286bd0 UIView:0x7f9cbae5ad80.height == 1   (active)>",
    "<NSLayoutConstraint:0x608000286d10 UIImageView:0x7f9cbae5b440.height == 458   (active)>",
    "<NSLayoutConstraint:0x608000286f90 UIView:0x7f9cbae5bb50.height == 1   (active)>",
    "<NSLayoutConstraint:0x6080002871c0 V:|-(0)-[UILabel:0x7f9cbae5b160]   (active, names: '|':UIStackView:0x7f9cbae5af60 )>",
    "<NSLayoutConstraint:0x608000287350 V:[UILabel:0x7f9cbae5b160]-(10)-[UIImageView:0x7f9cbae5b440]   (active)>",
    "<NSLayoutConstraint:0x6080002873a0 V:[UIImageView:0x7f9cbae5b440]-(10)-[UIStackView:0x7f9cbae5b670]   (active)>",
    "<NSLayoutConstraint:0x608000287580 V:[UIStackView:0x7f9cbae5b670]-(10)-[UIView:0x7f9cbae5bb50]   (active)>",
    "<NSLayoutConstraint:0x6080002875d0 V:[UIStackView:0x7f9cbae5c0f0]-(0)-|   (active, names: '|':UIStackView:0x7f9cbae5af60 )>",
    "<NSLayoutConstraint:0x608000287670 V:[UIView:0x7f9cbae5bb50]-(10)-[UIStackView:0x7f9cbae5c0f0]   (active)>",
    "<NSLayoutConstraint:0x6080002877b0 V:|-(10)-[UIImageView:0x7f9cbae59240]   (active, names: '|':UITableViewCellContentView:0x7f9cbae5a0c0 )>",
    "<NSLayoutConstraint:0x6080002878f0 V:[UIImageView:0x7f9cbae59240]-(8)-[UIView:0x7f9cbae5ad80]   (active)>",
    "<NSLayoutConstraint:0x6080002879e0 V:[UIStackView:0x7f9cbae5af60]-(10)-|   (active, names: '|':UITableViewCellContentView:0x7f9cbae5a0c0 )>",
    "<NSLayoutConstraint:0x608000287a80 V:[UIView:0x7f9cbae5ad80]-(8)-[UIStackView:0x7f9cbae5af60]   (active)>",
    "<NSLayoutConstraint:0x608000288c00 'UISV-canvas-connection' UIStackView:0x7f9cbae5c0f0.top == _UILayoutSpacer:0x6080001cd5c0'UISV-alignment-spanner'.top   (active)>",
    "<NSLayoutConstraint:0x608000288ca0 'UISV-canvas-connection' V:[_UILayoutSpacer:0x6080001cd5c0'UISV-alignment-spanner']-(0)-|   (active, names: '|':UIStackView:0x7f9cbae5c0f0 )>",
    "<NSLayoutConstraint:0x608000289970 'UIView-Encapsulated-Layout-Height' UITableViewCellContentView:0x7f9cbae5a0c0.height == 476.5   (active)>"
)

在询问之前，我已经检查了所有其他约束，这些都是正确设置的。我甚至禁用了所有可以改变“图像”高度的代码，一旦禁用，就没有问题。错误只发生在我身上打算改变身高。

我甚至尝试在ImageView.translatesAutoresizingMaskIntoConstraints = false之前添加layoutIfNeeded()，但错误仍然存在。

那么更改图像高度以适合从服务器下载实际图像的正确方法是什么？

Answer 1

考虑最后一个约束

"<NSLayoutConstraint:0x608000289970 'UIView-Encapsulated-Layout-Height' UITableViewCellContentView:0x7f9cbae5a0c0.height == 476.5   (active)>"

我假设您在stackView内使用UITableViewCell来实现tableView中的自动高度单元格。如果我的假设是正确的，那么问题不在于stackView，也不在于imageView，而是UITableView与UITableViewAutomaticDimension和Autolayout一起使用的方式。如果布局按预期工作，并且警告是唯一让您烦恼的事情，请阅读以下内容。

因此，在我看来，这是一个已知的“错误”的结果 - tableView设置的高度与自动布局计算的高度发生碰撞。渲染单元格时，tableView首先应用默认高度，计算自动布局高度，然后使用后者 - 至少看起来如此。查看我的question。上面提到的约束（'UIView-Encapsulated-Layout-Height'）是后来消失的UITableView应用的约束。

这意味着您使用的约束可能正常。只需将定义高度的约束之一设置为priority = 999（这样直到它停用默认高度约束它不会导致任何冲突）。最后，无论如何都会导致使用约束，因此不会导致任何布局问题。

例如，如果您约束stackView以适合单元格contentView，请将stackView.bottomAnchor设置为contentView.bottomAnchor，优先级设置为999.如果您执行了布局以编程方式，这可能是您的解决方案：

let bottomConstraint = tableView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
bottomConstraint.priority = UILayoutPriority(rawValue: 999)
NSLayoutConstraint.activate([
    // rest of the constraints
    stackView.topAnchor.constraint(equalTo: contentView.topAnchor),
    stackView.leftAnchor.constraint(equalTo: contentView.leftAnchor),
    stackView.rightAnchor.constraint(equalTo: contentView.rightAnchor),
    bottomConstraint,
])

如果您在故事板中进行布局，只需在故事板中选择适当的约束，并在属性检查器中将其优先级设置为999（例如）：

在更新imageView swift 4的高度限制时，无法同时满足约束

1 个答案: