你如何将UIKit放入iOS应用程序？

Question

我是iOS新手开发者。我正在获得由独立设计师设计的UIKit。如何将他的Photoshop设计放入我的应用程序中？

我首先编写应用程序代码，然后将设计放入？最好的方法是什么？

Answer 1

所以你的朋友正在进行设计而你正在进行编码。 （UIKit确实是另一回事）。

我通常从线框开始。从线框，您实际上可以实现具有所有功能的完全可用的应用程序。但这是我的偏好，因为你可以与设计师并行工作。

然后你需要从PSD获取PNG中的所有资产（图像）（这是我的偏好），用于UI的每个元素并“装扮”你的应用程序，使其漂亮。

对于您需要从PSD获取的资产，例如一个图标或徽标，你需要从最高分辨率开始，此时iPhone 6 +。

资产需要3个版本： @ 1x（你没有在文件的实际名称中看到它，因为它暗示） @ 2x用于视网膜屏幕iPhone 4，iPhone 4S，iPhone 5，iPhone 5C，iPhone 5S，iPhone 6。 @ 3x for iPhone 6 +

所以你从@ 3x开始，然后你的工作向下到@ 1x（如果需要的话 - 见下面的提示）。例如，在3x处固定宽度为300且高度为150的徽标应为宽度：200，高度：100表示​​@ 2x，宽度：100，高度：50表示@ 1x。

提示：

• PSD应该有矢量，以便调整大小，尺寸为1080x1920（适用于iPhone 6 +）。

• 如今，大多数资产都采用平面设计，可以通过代码或界面构建器完成。

• 永远不会因为质量下降而调整资产大小。

• 除非您支持iOS6，因此支持iPhone 3GS，否则您不需要@ 1x。

• 您应该使用资产目录https://developer.apple.com/library/mac/recipes/xcode_help-image_catalog-1.0/Recipe.html

最后，将它设为书签，您将需要它。 :) http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

Answer 2

您永远不能将Photoshop设计，通常是PSD格式直接导入iOS UI。您必须使用故事板或.xib中的控件。 PSD只会帮助您提取按钮，imageViews中的图像。它将帮助您识别字体大小和样式。获取元素的大小。多数民众赞成！

它还可以帮助您提取所有3种所需尺寸的图像，即1x，2x和3x。

这就是我能指导你的一切。欢迎编辑。