自定义UI:psd到iOS

Question

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

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

我很好奇一些答案!

Answer 1

正如hotpaw2正确提到的,你在photoshop中创建每个对象(按钮,文本字段,段控制等)并应用所需的效果(投影,渐变,笔画,内阴影等).

要创建按钮,请绘制矩形形状(如果需要,使用半径),然后从" 图层" >" 图层样式" >" 投影"将效果应用于该图层.

最重要的是在设计自定义UI时遵守Apple的HIG指南,否则您的应用可能会被拒绝.

在Photoshop的"图层"窗口中准备好按钮后,选择该图层,转到"路径"选项卡,然后右键单击该图层并选择"进行选择 ",从"编辑"菜单中选择 " 复制合并 " 并创建新文档并粘贴复制图层,然后选择" 保存".从"文件"菜单中将其保存为Web,将其另存为具有透明度的PNG24.

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

这使得按钮图像的左右16个像素不被缩放或调整大小,并且图像的中心部分被缩放.

祝一切顺利.