为iPhone应用程序创建Default.png图像的最佳方法

时间:2009-01-29 21:09:17

标签: iphone cocoa-touch

最初我虽然我只是在iPhone上截取我的应用程序的截图,然后在Photoshop中调整它。

根据Apple doc,图像应为480 x 320,屏幕截图的尺寸为480 x 320.但是,屏幕截图包含通知区域(显示接收栏,电池寿命等)< / p>

所以,如果我将那部分切掉,我的图像会更短,而不是480px高。

我该怎么办?提交较短的图片?伸展它所以它是480px但没有通知栏?通过图片中的通知栏提交它?

你是如何创建Default.png的?

9 个答案:

答案 0 :(得分:53)

Xcode支持创建默认图像。连接设备后,打开管理器(窗口&gt;管理器)。单击屏幕截图选项卡,截取屏幕截图并单击“另存为默认图像...”选择您的项目和bingo jingo,您已完成。

答案 1 :(得分:36)

您可以将通知区域留在屏幕截图中。 iPhone将在其上绘制真实的通知栏。

iOS 7更新iOS 7 Transition Guide 明确要求:

  

更新启动图像以包含状态栏区域(如果尚未执行此操作)。

答案 2 :(得分:7)

我认为最好的方法是使用Xcode截图和&amp;编辑一些GUI元素,比如按钮上的图稿或文字,这样当按下Default.png上的“按钮”时,人们不会感到沮丧。

答案 3 :(得分:5)

如果你有一个状态栏,那么你应该设计320x460(少于20个像素)。

虽然你可以将它保留在320x480且真实状态栏超出default.png是正确的,但当手机处于互联网网络共享模式或保持呼叫时(另外20个像素),它会显得很奇怪

通过裁剪到320x460,在束缚模式下看起来更好。

答案 4 :(得分:2)

只需编辑通知区域以匹配图像其余部分的背景。只要你的图像是480x320就可以了。

但是,如果您的应用加载时间超过几秒钟,您可能需要重新考虑使用应用的屏幕截图作为启动屏幕。人们可能会感到困惑,并认为应用程序已完成加载,而实际上并非如此。我已经看到一些应用程序在Photoshop中生成了一个“风格化”的UI版本,清楚地表明它只是一个图像而不是实际的UI。

答案 5 :(得分:2)

您应该记住,您可能还需要一些空间用于In-Call状态栏或Tethering状态栏。此栏的高度为20像素。即便苹果也没有做对。保持呼叫并启动“照片”或“天气”应用程序,然后你就可以看到我的意思了。要测试您可以使用iPhone模拟器应用程序中的“切换通话中状态栏”菜单。

答案 6 :(得分:2)

如果将布尔键UIStatusBarHidden添加到Info.plist文件并将其设置为true,则可以使用真正的480x320图像。

答案 7 :(得分:2)

拍摄屏幕截图已提及的答案很多。但是,如果您的屏幕截图包含状态栏,则应将其删除/替换为透明条带。确实,iPhone将使用当前状态栏覆盖Default.png的这一部分,但是,如果您在iPad上运行iPhone应用程序,您仍然可以看到Default.png的这一部分。

答案 8 :(得分:1)

我在IB中构建了一个稍微修改过的初始视图版本,用它运行应用程序并拍摄了一个屏幕截图。这样,一切看起来都很iPhoney,不需要Photoshop。不要过于担心剪裁顶部,如果有更多的东西覆盖它,它将反映视图在加载时的实际外观。

Apple建议类似与用户在加载应用时会看到的内容相似。例如。对于我的Sudoku应用程序,而不是网格,default.png显示“请稍候”消息。当应用程序加载时,它会消失,您会看到可以与之交互的网格。它看起来很流畅,当它加载时和你可以互动的时候很明显。

最后,界面使用了一些工具栏按钮。在default.png中,它们处于禁用状态(灰色文本)。加载应用程序后,它们会启用并更改颜色。