尝试添加 UIImageView 数组的约束

Question

我创建了 UIImageViews 数组，并在其中存储了 5 个图像视图，没有任何限制。

lazy var albumImage: UIImageView = {
    let image = UIImage(named: "authorizationImage")
    let imageView = UIImageView(image: image)
    imageView.frame = CGRect(x: 0, y: 0, width: 50, height: 50)
    imageView.layer.cornerRadius = 10
    imageView.backgroundColor = .black
    imageView.layer.masksToBounds = true
    imageView.translatesAutoresizingMaskIntoConstraints = false
    return imageView
}()

lazy var albumImages: [UIImageView] = [albumImage, albumImage, albumImage, albumImage, albumImage]

我将它们添加到我的 UIView 中：

for row in 0...(albumImages.count-1){
    backView.addSubview(albumImages[row])
}

并尝试基于我在 UIView 之上的 UILabel 设置每个约束：

for row in 0...(albumImages.count-1){
    let distanceFromTop = ((row*30) + (row+1)*10)
    print("geez \(row) distance \(distanceFromTop)")
    albumImages[row].topAnchor.constraint(equalTo: registrationTime.bottomAnchor, constant: CGFloat(distanceFromTop)).isActive = true
    albumImages[row].leftAnchor.constraint(equalTo: backView.leftAnchor, constant: 20).isActive = true
    albumImages[row].rightAnchor.constraint(equalTo: albumImages[row].leftAnchor, constant: 30).isActive = true
    albumImages[row].heightAnchor.constraint(equalToConstant: 30).isActive = true
}

我可以在我的模拟器上看到第一个 UIImageView。但是，其他 4 个未显示。我在控制台中收到错误消息：

geez 0 distance 10
geez 1 distance 50
2020-08-12 17:16:38.174252+0900 WhosFan[24100:2336027] [LayoutConstraints] Unable to simultaneously satisfy constraints.
    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:0x60000167cbe0 V:[UILabel:0x7f97ae8603b0'Based on (KST) : 2020.08....']-(10)-[UIImageView:0x7f97aeb20d60]   (active)>",
    "<NSLayoutConstraint:0x6000016777f0 V:[UILabel:0x7f97ae8603b0'Based on (KST) : 2020.08....']-(50)-[UIImageView:0x7f97aeb20d60]   (active)>"
)

Will attempt to recover by breaking constraint 
<NSLayoutConstraint:0x6000016777f0 V:[UILabel:0x7f97ae8603b0'Based on (KST) : 2020.08....']-(50)-[UIImageView:0x7f97aeb20d60]   (active)>

Make a symbolic breakpoint at UIViewAlertForUnsatisfiableConstraints to catch this in the debugger.
The methods in the UIConstraintBasedLayoutDebugging category on UIView listed in <UIKitCore/UIView.h> may also be helpful.

我检查了我是否以错误的顺序添加了子视图。然而，一切看起来都很好：

 override func setSelected(_ selected: Bool, animated: Bool) {
    super.setSelected(selected, animated: animated)
    addSubview(backView)
    backView.addSubview(cellTitle)
    backView.addSubview(registrationTime)
    addAlbumImages()
    setupConstraints()
    // Configure the view for the selected state
}
private func setupConstraints(){
    setUpCellTitleConstraints()
    setUpRegistrationDateLabelConstraints()
    setupAlbumImagesConstraints()
}

我被这个问题困扰了 2 个小时。请任何帮助。这是我的模拟器的图像：

Answer 1

您在这里只创建了一个图像视图（不是 5 个！）并将相同的图像视图添加到数组中 5 次：

lazy var albumImages: [UIImageView] = [albumImage, albumImage, albumImage, albumImage, albumImage]

这就是为什么您的所有约束都失效了，并且只显示了一个图像视图。只有一个图像视图，并且该图像视图的顶部锚点需要同时距离 registrationTime.bottomAnchor!

10、50、90、130 和 170 点

无论如何，每次将它们添加到数组时都应该创建一个新的图像视图。一种方法是将 albumImage 变成一个方法，createAlbumImageView:

func createAlbumImageView() -> UIImageView {
    let image = UIImage(named: "authorizationImage")
    let imageView = UIImageView(image: image)
    imageView.frame = CGRect(x: 0, y: 0, width: 50, height: 50)
    imageView.layer.cornerRadius = 10
    imageView.backgroundColor = .black
    imageView.layer.masksToBounds = true
    imageView.translatesAutoresizingMaskIntoConstraints = false
    return imageView
}

然后数组可以这样声明：

lazy var albumImages: [UIImageView] = [
    createAlbumImageView(),
    createAlbumImageView(),
    createAlbumImageView(),
    createAlbumImageView(),
    createAlbumImageView(),
]

您的图像视图似乎在垂直线上，有些间距相等。我不确定间距不等是否只是由另一个错误引起的。如果需要等间距，您可以改用垂直 UIStackView.

尝试添加 UIImageView 数组的约束

Trying to add constraints of the UIImageView array

constraints

ios

swift