ios - 图像大小与屏幕大小成比例

Question

我是第一次制作通用应用程序。我想根据屏幕尺寸更改图像尺寸，使其在 iPad 上看起来更大，在 iPhone 上看起来更小。此外，它在两个方向上都应该看起来不错。

我希望 UIImageView 的大小与屏幕大小成比例。这些是到目前为止应用的约束:

这里的 topConstraint 是一个具有以下代码的 socket :

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    if UIDevice.current.orientation.isLandscape {
        topConstraint.constant = 40
    }
    else {
        topConstraint.constant = 12
    }
}

如果我只给出前导尾随顶部和底部约束，那么它会显示红线来描述缺少的约束，如下所示:

请帮忙。我正在使用 swift 3 和 xcode 8。我知道它与纵横比有关，但我的仍然不够完美。

Answer 1

您的顶部标签没有足够的约束来知道它应该在 Y 轴上的位置。让我们看看从 View 底部开始沿 Y 轴的约束。你设置:

• View 的底部距 detailLabel 底部 16p，
• 您的 detailLabel 顶部距 imageView 底部 16p，
• 然后你有给定宽度的图像的宽高比(你通过 imageView 的前导约束和 X 中心设置它)设置高度
• imageView 顶部距离 detailLabel 底部 16p
• dateLabel 顶部距离 titleLabel 底部 4p
• 您没有设置从 titleLabel 顶部开始到 View 顶部的约束。

总而言之，您缺少一个限制条件。设置标题标签的顶部约束，你应该没问题。另外，我会删除您的 imageView 的 X 中心约束并将其替换为 32pt 的尾随约束(与前导约束相同，更易于阅读，将显示相同并且推断较少)