通用应用程序中完全不同的 iPad 用户界面

Question

我通常将自动布局与尺寸类一起使用，以优化大屏幕的 UI，例如在 iPad 上。

但是，有时我需要为 iPad 上的 UI 提供完全不同的布局，仍然包含相同的视图控制器，但结构不同。

在这种情况下，自动布局和大小类还不够用时，最好的策略是什么？正在为 iPad 加载不同的故事板？

显然这里的目标是不引入任何代码重复。

谢谢

Answer 1

为 iPad 加载不同的故事板？显然这里的目标是不引入任何代码重复。

如果这是您想要做的，那么该功能是内置的并且是预期的。你根本不需要任何代码。只需创建两个故事板并编辑 Info.plist 使其有两个指向它们的主要故事板条目：

正确的事情会发生：在 iPad 上，第二个故事板将在启动时加载。

Answer 2

我对 UIViews 和 NSLayoutConstraints 上的尺寸类做同样的事情，例如，如果我有不同的 pad 和 phone 视图，但我必须对部分执行相同的逻辑，我在同一个故事板中创建两个不同的视图并启用/禁用视图基于尺寸等级

Answer 3

在一个类文件中使用 2 个视图（xib）。两个 xib 中的连接数必须相同，但 iPad 和 iPhone 的元素位置可能不同。

下面是我从视图控制器加载 XIB 的代码。

class ViewController: UIViewController {

var customView:CustomView?

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view.
    loadCustomView()
}

func loadCustomView(){
    if  let appDelegate =  UIApplication.shared.delegate as? AppDelegate,
        let window = appDelegate.window {
        customView = CustomView(frame: CGRect(x: 0, y: 0, width: window.frame.width, height: window.frame.height))
        window.addSubview(customView!)
    }
}
}

然后是 UIView 类

import UIKit

class CustomView: UIView {

@IBOutlet weak var lbl_Title: UILabel!

var view:UIView!

override init(frame: CGRect) {
    super.init(frame: frame)
    setup()
}

required init(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)!
    setup()
}

func setup() {

    view = loadViewFromNib()
    view.frame = bounds
    view.autoresizingMask = UIView.AutoresizingMask.flexibleWidth
    view.autoresizingMask = UIView.AutoresizingMask.flexibleHeight
    addSubview(view)
}

func loadViewFromNib() -> UIView {
    if UIDevice.current.userInterfaceIdiom == .phone{
        let bundle = Bundle(for:type(of: self))
        let nib = UINib(nibName: "CustomView", bundle: bundle)
        let view = nib.instantiate(withOwner: self, options: nil)[0] as! UIView
        return view
    }else{
        let bundle = Bundle(for:type(of: self))
        let nib = UINib(nibName: "CustomViewTab", bundle: bundle)
        let view = nib.instantiate(withOwner: self, options: nil)[0] as! UIView
        return view
    }

}
}

您从这个类建立到两个 XIB 的出口连接，并根据设备类型加载视图。