Question

我正在尝试以编程方式将视频限制在页面中心。我的AV控制器名为avPlayerController。

我已经给出了x和y值以及宽度和高度：

avPlayerController.view.frame = CGRect(x: 36 , y: 20, width: 343, height: 264)

那么我该如何居中呢？

我已经尝试过了：Programmatically Add CenterX/CenterY Constraints

但是，你可以猜测它不起作用:(

这是我的代码：

 super.viewDidLoad()
        let filepath: String? = Bundle.main.path(forResource: "rockline", ofType: "mp4")
        let fileURL = URL.init(fileURLWithPath: filepath!)


        avPlayer = AVPlayer(url: fileURL)


        let avPlayerController = AVPlayerViewController()
        avPlayerController.player = avPlayer
        avPlayerController.view.frame = CGRect(x: 36 , y: 20, width: 343, height: 264)

        //  hide/show control
        avPlayerController.showsPlaybackControls = false
        // play video

        avPlayerController.player?.play()
        self.view.addSubview(avPlayerController.view)
    avPlayerController.view.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true

Answer 1

你可以试试这个。

avPlayerController.view.enableAutoLayoutConstraint()
avPlayerController.view.setCenterXConstraint(.equal, constantValue: 0)
avPlayerController.view.setCenterYConstraint(.equal, constantValue: 0)

extension UIView
{
    //Method to making translatesAutoresizingMaskIntoConstraints false.
    func enableAutoLayoutConstraint()
    {
        self.translatesAutoresizingMaskIntoConstraints = false
    }
    //Method to set Center-X Consttraint
    func setCenterXConstraint(_ relationType:NSLayoutRelation , constantValue:CGFloat)->NSLayoutConstraint
    {
        let constraint = NSLayoutConstraint(item: self, attribute:.centerX, relatedBy: relationType, toItem: self.superview, attribute: .centerX, multiplier: 1, constant: constantValue)
        self.superview?.addConstraint(constraint)
        return constraint
    }

    //Method to set Center-Y Consttraint
    func setCenterYConstraint(_ relationType:NSLayoutRelation , constantValue:CGFloat)->NSLayoutConstraint
    {
        let constraint = NSLayoutConstraint(item: self, attribute:.centerY, relatedBy: relationType, toItem: self.superview, attribute: .centerY, multiplier: 1, constant: constantValue)
        self.superview?.addConstraint(constraint)
        return constraint
    }

}

Answer 2

这里是代码，并附有说明。

请记住，如果您使用自动布局约束，不设置框架。布局引擎将遍布它们。如果您要在代码中实例化视图，请不要设置框架，或者如果您将框架设置为CGRect.zero，它会在必要时进行最佳通信。
了解视图生命周期。具体来说，您可以在viewDidLoad中设置约束，只应创建一次。
请务必将自动调整大小屏幕设置为false。当您在代码中学习自动布局时，这是最常见的错误。
实际上有三种创建约束的方法，以及一些激活约束的方法。在你的问题中，我认为最简单的方法是使用锚点。

这是一个以宽度343和高度264为中心的视图（任何视图）的示例：

let myView = UIView()    // note, I'm not setting any frame

override func viewDidLoad() {
    super.viewDidLoad()
    view.translatesAutoresizingMaskIntoConstraints = false
    myView.translatesAutoresizingMaskIntoConstraints = false
    myView.widthAnchor.constraint(equalToConstant: 343.0).isActive = true
    myView.heightAnchor.constraint(equalToConstant: 264.0).isActive = true
    myView.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
    myView.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
}

这就是它的全部！但....

我建议再做一件事。不要在设置高度和宽度时使用常量。这不是＆＃34;自适应＆＃34;。您的4英寸iPhone SE的屏幕尺寸为568x320，这可能看起来居中且足够大。但在屏幕尺寸为736x414的iPhone Plus上，它可能非常小。（更不用说12.9英寸iPad Pro了！）

注意我的代码如何使用 superview 作为centerX / centerY锚点。（而不是equalToConstant它equalTo。）对宽度和高度做同样的事情。通过使用multiplier和constant以及UILayoutGuide，您可以使您的布局适应Apple向您投射的任何屏幕尺寸。

无法以编程方式为视频添加约束

2 个答案: