当您尝试为 UIView 提供约束时，SnapKit 会引发错误

Question

我有一个作为 IBOutlet 连接到我的视图控制器的 UIView。我在 ViewDidLoad 方法中为该属性分配了一个 AnimationView 类实例，并使用 animationView.snp.makeConstraints { (make) in make.width.equalTo(view).multipliedBy(0.5) } 对其设置了约束

但是当我运行我的项目时，我收到一条错误消息，提示“约束或其锚点是否引用了不同视图层次结构中的项目？这是非法的”

我不知道为什么会收到此错误消息。谁能解释我做错了什么？

以下是我的项目图片：

以及正文中的源代码：

import UIKit
import SnapKit
import Lottie

class ViewController: UIViewController {

    @IBOutlet var myView: UIView!
    
    override func viewDidLoad() {
        myView = AnimationView()
        myView.snp.makeConstraints { (make) in
            make.width.equalTo(view).multipliedBy(0.5)
            make.height.equalTo(view).multipliedBy(0.5)
        }
    }
    
}

更新：

我如何通过以下步骤解决此问题：

1. 在 Storyboard 中创建一个占位符视图并将其作为 IBOutlet 添加到文件的所有者（确保在最右侧面板中键入 AnimationView 作为其类）。
2. 以编程方式创建动画视图并将其添加到其直接超级视图中。
3. 为此动画视图提供与占位符视图相同的帧 animationView.frame = placeholderView.frame
4. 为占位符视图提供所需的约束 (placeholderView.snp.makeConstraints { (make) in ... })

现在，您将通过编程创建的视图连接到 Storyboard 中的占位符视图。您的程序化视图将随着占位符视图的大小而改变大小。

Answer 1

1- 你不应该改变视图的类型

 @IBOutlet var myView:UIView!
 var animationV:AnimationView!

然后

animationV = AnimationView()
view.addSubview(animationV)

2- 将 centerX/Y 约束添加到animationV

顺便说一句，您不必在 IB 中设置视图，仅将其设为程序化视图并为其提供所有合适的约束

Answer 2

首先，在您的代码中，您没有调用 super.viewDidLoad()，这非常重要，并且可能会导致问题。

其次，将@IBOutlet改为var，所以var myView: AnimationView!

第三，在添加约束之前，您可能需要将myView 添加到您的视图或其父视图中，例如view.addSubView(myView)

var myView: AnimationView!

override func viewDidLoad() {
    super.viewDidLoad()
    myView = AnimationView()
    view.addSubView(myView)

    myView.snp.makeConstraints { (make) in
        make.width.equalTo(view).multipliedBy(0.5)
        make.height.equalTo(view).multipliedBy(0.5)
        make.centerY.equalTo(self.view)
        make.centerX.equalTo(self.view)
    }
}

如果您想将其保留在 Storyboard 中：

@IBOutlet weak var myView: AnimationView!

override func viewDidLoad() {
    super.viewDidLoad()

    myView.snp.makeConstraints { (make) in
        make.width.equalTo(view).multipliedBy(0.5)
        make.height.equalTo(view).multipliedBy(0.5)
        make.centerY.equalTo(self.view)
        make.centerX.equalTo(self.view)
    }
}

要将其保留为情节提要，您需要将情节提要中的视图类设置为AnimationView