自定义 UI：psd 到 iOS

发布于 2024-12-29 16:42:27 字数 133 浏览 0 评论 0原文

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

假设我有一个包含整个模型的图层的 Photoshop 文件，我基本上如何将其移植到 iOS？

我很好奇一些答案！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

留蓝 2025-01-05 16:42:27

正如 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 个像素不会被缩放或调整大小，而图像的中心部分会被缩放。

一切顺利。

As hotpaw2 rightly mentioned, you create each object (button, textfields, segment control, etc..) in photoshop and apply desired effects (Drop shadow, Gradient, Stroke, Inner Shadow etc..) .

To create a button draw a rectangle shape (with radius if needed) and apply the effects to that layer from Layer > Layer Styles >
Drop Shadow.

Most important is to adhere to Apple's HIG guidelines while designing the custom UI otherwise your app may get rejected.

Once the button is ready in Photoshop in the Layers windows choose that layer, goto Paths tab and right click that layer and choose "Make Selection", Select Copy Merged from the Edit menu and create a new document and paste the copies layer and choose Save it for Web from the File menu, save it as PNG24 with transparency.

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

This makes the left and right 16 pixels of the button image are not scaled or resized and the center part of the image to be scaled.

All the Best.

回复收藏 0 原文