Question

哪些UIKit在xcode中具有实时预览？像swiftUI一样，在xcode上有实时预览。当您使用swiftUI编写代码时，可以在左侧的xcode中显示结果设计

Answer 1

您可以通过导入SwiftUI尝试使用此代码。您可以创建新文件，也可以将其放在ViewController代码下方。

struct MainViewController_Previews: PreviewProvider {

static var previews: some View {
        return ContentView()
    }
    
    struct ContentView: UIViewControllerRepresentable {
        
        func makeUIViewController(context: Context) -> MainViewController {
            return MainViewController()
        }
        
        func updateUIViewController(_ uiViewController: MainViewController, context: Context) {
            //
        }
    }
}

如果要忽略SafeArea，只需添加ContentView（）。edgesIgnoringSafeArea（.all），对于特定的设备类型，您可以使用.previewDevice（.init（stringLiteral：“ DEVICE_TYPE”））// iPhone 11 Pro

Answer 2

使您的 ViewControllers 与 Xcode 预览配合使用

1 - 通过符合 UIViewControllerRepesentable 协议使它们可表示。

struct YourVCRepresentable: UIViewControllerRepresentable {
    func updateUIViewController(_ uiViewController: UIViewController, context: Context) {
        // leave this empty
    }
    
    func makeUIViewController(context: Context) -> UIViewController {
        YourViewController() // this is to make your view controller representable
    }
}

2 - 创建符合 PreviewProvider 协议的预览提供程序结构并传递上面创建的 RepresentableViewController。

struct YourVCPreview: PreviewProvider {
    static var previews: some View {
       YourVCRepresentable()
    }
}

UIKit实时预览，如swiftUI

2 个答案: