我有我的 iOS App Prototypes/Wireframes，我该如何把它变成代码？答案

【问题标题】：I have my iOS App Prototyped/Wireframed, how do I go about turning it into code?我有我的 iOS App Prototypes/Wireframes，我该如何把它变成代码？
【发布时间】：2015-05-27 12:10:24
【问题描述】：

首先感谢您提前提供的任何帮助！

我已经使用 UXPin 和 Invision 设计并制作了我的 iOS 应用程序原型。我现在准备开始在 Xcode 中设置工作产品。

我不知道该怎么做。我是否将 PSD 文件导入 Xcode？

简而言之，我希望开始在 Xcode 中设置我的用户界面，但似乎无法弄清楚如何（例如）将我的原型登录屏幕转换为代码。

【问题讨论】：

如果您正在谈论导入图形元素，那么转换为 .png 可能是最佳选择。至于将 UI 行为/控件制作成代码或 xib 文件或故事板，这实际上取决于您使用的工具中的导出或转换功能。（我不熟悉这些。）
您对其他可以更轻松地将原型转换为代码的工具有什么建议吗？并感谢您的回答。
你可以试试paintcode
感谢 Paintcode 的推荐。我之前使用过它们，但从未意识到它们在 Paintcode 2 中有“导入 PSD”选项。很棒的建议！谢谢！
我在UXPin也有一个网页设计。我原以为 UXPin 会给我们一个选项来导出仅包含基本布局的 html。但不幸的是，那里有大量的 javascript 和其他东西，这使得它变得困难。

标签： ios xcode prototype photoshop

【解决方案1】：

您可以先阅读有关如何开发应用的基础知识。 iOS 开发者门户中包含大量信息，如果您打算去任何地方，您应该花时间学习：Apple developer portal

【讨论】：

我已经多次阅读开发者手册。我已经阅读了很多关于如何实际编写应用程序的参考资料。用户界面是不同的。我没有在情节提要上使用“库存 Apple 元素”。我正在使用我构建的自定义 UI。我的问题是如何将此自定义 UI 转换为代码。
您几乎可以自定义 UI 层的每个“库存 Apple 元素”。但听起来你正在寻找更具体的东西。您可以查看诸如 PaintCode 之类的解决方案来执行此操作。我个人不使用它，但它看起来很有前途，（我与他们没有任何关系）：paintcodeapp.com