自定义UI：psd到iOS

Question

看着运球，我开始问自己，我将如何在Xcode中实现一个非常自定义的UI作为后端开发。

假设我有一个带有整个模型图层的photoshop文件，我基本上将它移植到iOS？

我很想知道答案！

Answer 1

正如hotpaw2正确提到的，你在photoshop中创建每个对象（按钮，文本字段，片段控件等）并应用所需的效果（投影，渐变，笔画，内阴影等等。 ）。

要创建按钮，请绘制矩形形状（如果需要，使用半径），然后从图层＆gt;将效果应用于该图层。 图层样式＆gt; 投影。

最重要的是在设计自定义用户界面时坚持 Apple的HIG指南，否则您的应用可能会被拒绝。

在“图层”窗口中的Photoshop中准备好按钮后，选择该图层，转到路径标签，然后右键单击该图层并选择“进行选择”，选择从“编辑”菜单中复制“合并”并创建新文档并粘贴副本图层，然后从“文件”菜单中选择将其保存为Web ，将其另存为 PNG24 透明度。

 // Image with cap insets sample code:
 UIImage *buttonImage = [[UIImage imageNamed:@"blueButton"]  resizableImageWithCapInsets:UIEdgeInsetsMake(0, 16, 0, 16)];

这使得按钮图像的左右16像素不会缩放或调整大小，而是缩放图像的中心部分。

所有最佳。

Answer 2

您可以将每个photoshop图层转换为PNG文件，如果需要可以透明，然后将PNG图像分配给各种UIViews或UIControls，可以使用Objective C代码，也可以使用Xcode Interface Builder工具。

Answer 3

我认为这是完美的方法是将你的psd文件转换为带有css和图像的html文件（当然），之后你将创建一个转换器，将这些文件作为输入并生成xcode文件（ .h，.m和xib）。我认为这种转换器将帮助我们（开发人员）完成工作并节省很多时间进行整合