如何将 UIKit 放入 iOS 应用程序中?

How do you put a UIKit into an iOS app?

我是新手 iOS 开发人员。我得到了一个由独立设计师设计的 UIKit。我如何使用他的 Photoshop 设计并将其放入我的应用程序?

我是先对应用程序进行编码,然后再将设计放入其中吗?最好的方法是什么?

您永远无法导入 Photoshop 设计,通常是直接将 PSD 格式作为 iOS UI。您必须使用故事板或 .xib 中的控件。 PSD 只会帮助您提取可以在按钮 imageView 中使用的图像。它将帮助您识别字体大小和样式。获取元素的大小。就这些!

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

我能指导你的就这些了。欢迎编辑。

所以你的一个朋友在做设计,而你在做编码。 (UIKit 确实是另一回事)。

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

然后您需要从 PSD 中获取 UI 和 "dress" 您的应用程序的每个元素的 PNG 格式的所有资产(图像)(这是我的偏好),使其美观。

对于您需要从 PSD 中获取的资产,例如图标或徽标,您需要从最高分辨率开始,目前为 iPhone 6+。

您需要 3 个版本的资产: @1x(你没有在文件的实际名称中看到它,因为它是隐含的) @2x 用于视网膜屏幕 iPhone 4,iPhone 4S,iPhone 5,iPhone 5C,iPhone 5S,iPhone 6。 @3x iPhone 6+

因此,您从@3x 开始,然后逐步下降到@1x(如果需要 - 请参阅下面的提示)。因此,例如在@3x 处固定宽度为 300 和高度为 150 的徽标,对于 @2x 应该是 width:200、height:100,对于 @1x 应该是 width:100、height:50。

提示:

  • 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