ios - 如何缩放 View 的所有组件？

Question

是否有任何最佳方法可以根据设备屏幕尺寸(例如 iPhone XS、iPhone XS Max、iPhone X 等)缩放 View 的所有组件(按钮、按钮标题、图像及其所有层次结构 subview )

实际上，我在 iOS 应用程序项目中有一些屏幕是在特定 iPhone 上设计的，所有限制都是固定的，所以我需要根据其他 iPhone 屏幕更改它们。

据我所知，我们可以通过以编程方式对比率和字体和图像缩放等所有其他事物应用一些约束来做到这一点，但我正在寻找一种对我来说更省力的最佳和简单的解决方案。

Answer 1

是的，你是对的，这可以通过屏幕比例来实现，就像我一年前所做的那样。让我告诉你，你如何做到这一点-

您需要根据屏幕比例缩放图像大小、文本字体大小以及每个 View 的每个约束。

你有没有试过ScalableLayoutKit我实现的库，用于基于设计/源屏幕设计可扩展、一致的 UI。

例如:- 假设您要根据 iPhone6 mock-up 设计一个登录屏幕，为此您创建一个 LoginViewController 并从 Storyboard 设计 UI。

使用 ScalableLayoutKit

class LoginViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()      
        // Here we just need to passed based or source design screen name only.
        // This method will recursively scale your all ui elements and its constraints too.
        view.scaledLayoutDesign(from: .iPhone6)
    }

}