如何使用CGRect以编程方式在父视图中垂直居中UIImage？

Question

我尝试这样做，但是当我尝试在模拟器中的不同 iPhone 型号上运行时，图像的位置发生了变化。 我需要用 CGRect 完全做到这一点。 提前致谢！

    func configure() {
        //MARK: Logo Image
        view.addSubview(logo)
        logo.image = UIImage(named: "cafelogo")
        logo.layer.cornerRadius = 25
        logo.frame = CGRect(x: 100, y: 200, width: 150, height: 150)

Answer 1

您应该使用自动布局约束——但首先，向您展示如何使用显式矩形/框架来执行此操作：

func configure() {
    //MARK: Logo Image
    view.addSubview(logo)
    logo.image = UIImage(named: "cafelogo")
    logo.layer.cornerRadius = 25
    logo.frame = CGRect(x: 0, y: 0, width: 150, height: 150)
    // center it in the view
    logo.center = view.center
}

但是...您必须从viewDidLayoutSubviews()调用它。 否则， view的框架还没有被布局：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    configure()
}

请注意，如果view框架发生变化 - 例如设备旋转 - 您的徽标图像视图将不再居中。 您可以添加一些新代码来重新居中，但让自动布局完成所有工作要容易得多。

您可以在viewDidLoad()中使用此代码：

    logo.translatesAutoresizingMaskIntoConstraints = false
    view.addSubview(logo)
    logo.image = UIImage(named: "cafelogo")
    logo.layer.cornerRadius = 25
    NSLayoutConstraint.activate([
        logo.widthAnchor.constraint(equalToConstant: 150.0),
        logo.heightAnchor.constraint(equalToConstant: 150.0),
        logo.centerXAnchor.constraint(equalTo: view.centerXAnchor),
        logo.centerYAnchor.constraint(equalTo: view.centerYAnchor),
    ])

现在您的徽标图像视图是 150x150 并且将始终保持在view中心。