Prototype
Prototype 框架允许您将使用 macOS Prototype-Application 创建的 .prototype 文件集成到您的 iOS、macOS 或 tvOS 应用中。您可以使用 Xcode Interface Builder 方便地配置和检查 PrototypeView
。
示例
首先从 Example 目录运行 pod install
,然后打开 PrototypeExample.workspace 并选择三个提供的目标之一(iOS、macOS 和 tvOS)并运行项目。
要求
您需要一个可以使用 Prototype 框架显示的 .prototype 文件,您需要下载适用于 macOS 的 Prototype-Application。使用 macOS Prototype-Application 基于使用 Marvel App(https://marvelapp.com)创建的 prototype 创建 .prototype 文件。
安装
-
使用 CocoaPods 集成 Prototype 框架
pod 'Prototype'
为了确保您可以直接在 Xcode Interface Builder 中配置
PrototypeView
,请将以下行添加到 Podfile 的末尾post_install do |installer| installer.pods_project.targets.each do |target| target.new_shell_script_build_phase.shell_script = "mkdir -p $PODS_CONFIGURATION_BUILD_DIR/#{target.name}" target.build_configurations.each do |config| config.build_settings['CONFIGURATION_BUILD_DIR'] = '$PODS_CONFIGURATION_BUILD_DIR' end end installer.pods_project.build_configurations.each do |config| config.build_settings.delete('CODE_SIGNING_ALLOWED') config.build_settings.delete('CODE_SIGNING_REQUIRED') end end
-
将使用 Prototype-Application 创建的 .prototype 文件添加到您的 Xcode 项目和相应的目标中。
Swift UI
- 将
PrototypeContainer
添加到您的 SwiftUI 视图中。您需要设置原型对象的prototypeName
和可选的startPage
。 - 您可以直接在 SwiftUI Live 预览中看到结果。
- 构建并运行您的应用程序。
UIKit 或 AppKit
- 使用 Xcode Interface Builder 或代码将
PrototypeView
添加到相应的接口中。您可以在 Xcode Interface Builder 的属性检查器中完全配置PrototyperView
。您需要设置原型的prototypeName
和可选的startPage
。 - 您可以直接在 Xcode Interface Builder 中看到结果。要检查是否正确配置了原型页面,您可以在 Xcode Interface Builder 的属性检查器中启用
showButtonsInIB
属性。 - 构建并运行您的应用程序。
作者
Paul Schmiedmayer, @PSchmiedmayer, 应用软件工程系主任,[email protected]
许可
Prototyper 在 MIT 许可下可用。有关更多信息,请参阅 LICENSE 文件。