从 ChildViewController 添加的 ImageView 中的特殊上边距

Question

我创建了一个子视图控制器，如下所示。它有一个UIImageView。我将 UIImageView 添加到视图中，如下所示。

class SampleChildViewController : UIViewController {

    let imageView : UIImageView = {
        let imageview = UIImageView()
        imageview.translatesAutoresizingMaskIntoConstraints = false
        imageview.clipsToBounds = true
        imageview.contentMode = .scaleAspectFit
        imageview.image = UIImage(named: "cat")
        return imageview
    }()


    override func viewDidLoad() {
        super.viewDidLoad()

        view.addSubview(imageView)

        NSLayoutConstraint.activate([
            imageView.topAnchor.constraint(equalTo: view.topAnchor),
            imageView.leftAnchor.constraint(equalTo: view.leftAnchor, constant: 10),
            imageView.widthAnchor.constraint(equalToConstant: 150),
            imageView.heightAnchor.constraint(equalToConstant: 150)
            ])
    }


}

这是父视图控制器的样子。

class ViewController: UIViewController {

    let child : SampleChildViewController = SampleChildViewController()


    override func viewDidLoad() {
        super.viewDidLoad()

        view.backgroundColor = UIColor.red

        child.view.translatesAutoresizingMaskIntoConstraints = false
        addChild(child)
        child.didMove(toParent: self)
        view.addSubview(child.view)



        NSLayoutConstraint.activate([
            child.view.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 8),
            child.view.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: 8),
            child.view.leftAnchor.constraint(equalTo: view.leftAnchor),
            child.view.rightAnchor.constraint(equalTo: view.rightAnchor),
            ])



    }


}

现在的问题是图像视图的上边距很奇怪，如下所示。如何解决？

Answer 1

imageview.contentMode = .scaleAspectFit 有问题。您看到的图像边界不是真正的边界。将内容模式设置为 imageview.contentMode = .scaleAspectFill，因为它将填满整个视图。

它应该看起来像下面的东西

let imageView : UIImageView = {
    let imageview = UIImageView()
    imageview.translatesAutoresizingMaskIntoConstraints = false
    imageview.clipsToBounds = true
    imageview.contentMode = .scaleAspectFill
    imageview.image = UIImage(named: "cat")
    return imageview
}()

从 ChildViewController 添加的 ImageView 中的特殊上边距

Peculiar top margin in the ImageView added from ChildViewController

ios

swift

childviewcontroller