疯狂ios讲义之美化iOS应用

如果点击模拟器下方的Home按键或按下command+Shift+H快捷键Retina屏幕的模拟器没有提供Home按键则只能通过快捷键操作模拟器返回应用程序列表此时将可以看到刚刚开发的应用程序但该应用的图标只是一个白色的圆角正方形。对于一个商业应用来说这太缺乏吸引力了接下来将介绍如何定制iOS应用图标和启动画面。

9.6.1  定制iOS应用图标

定制iOS应用图标非常简单其步骤如下。

①准备三张作为应用程序图标的png格式的图片这三张图片的大小分别为57像素57像素丶114像素114像素丶120像素120像素。由于iPhone 4引入了Retina显示屏幕这种显示屏的分辨率是早期iPhone的两倍因此需要分别制作两张图片其中57像素57像素的图标将适用于普通屏幕114像素114像素的图标将适用于Retina屏幕。而iPhone5s使用iOS 7所用图标的大小为60像素60像素而且由于iPhone 5s采用的是Retina屏幕是普通分辨率的两倍因此iOS 7需要的图标为120像素120像素。

 提示

       虽然iOS应用也支持使用其他格式的图片但由于Xcode在构建应用时会自动优化png图片这使得png图片是iOS应用中最快丶最有效的图像格式。因此通常推荐采用png格式图片。

②按下command+1组合键打开Xcode的项目导航面板在该面板中展开要定制图标的应用然后选择该节点下的Images.xcassets子节点。接下来选中项目导航面板右边的Dock区中的AppIcon节点即可看到如图9.42所示的编辑界面。

③从操作系统的Finder相当于Windows的资源管理器中把三张图片分别拖入图9.42所示的三个图标处Xcode会自动将这三个文件复制到该应用中并将这三张图片设为该应用的图标。注意不要勾选iOS icon is pre-rendered复选框这样系统会自动将该图标调整为圆角边框。除非你自己准备了非常精美的图标而且不希望系统对图标进行任何调整才应该勾选该复选框。

图9.42  设置应用程序图标

   重新运行该应用可能需要先删除模拟器原有的应用再次单击模拟器的Home按钮如果模拟器没有Home按键可按下command+Shift+H快捷键返回程序列表界面即可看到如图9.43所示的程序图标。

图9.43 定义应用程序图标

经过上面的步骤后即可成功定制应用程序图标。

9.6.2  设置iOS应用的启动画面

定制iOS应用的步骤如下。

①准备三张作为应用程序图标的png格式的图片大小分别为320像素480像素丶640像素960像素丶640像素1136像素。很明显320像素480像素的图片将适用于普通屏幕而114像素114像素的图片将适用于Retina屏幕。又由于iPhone 5引入了更长的屏幕其分辨率已达到640像素1136像素因此Default -568h@2x .png图片将适用于iPhone屏幕。

② 按下command+1组合键打开Xcode的项目导航面板在该面板中展开要启动画面的应用然后选择该节点下的Images.xcassets子节点。接下来选中项目导航面板右边的Dock区中的LaunchImage节点即可看到如图9.44所示的编辑界面。

图9.44  定制应用程序启动画面

   从操作系统的Finder相当于Windows的资源管理器中把三张图片分别拖入图9.37所示的5个图标处640像素960像素的图片拖入2x图标框内640像素960像素的图片拖入2x图标框内640像素1136像素的图片拖入R4图标框内。Xcode会自动将这三个文件复制到该应用中并将这三张图片设为该应用的启动图片。

重新运行该应用可能需要先删除模拟器原有的应用在应用启动但还未真正开始运行的加载过程中将可以看到该应用显示如图9.45所示的启动画面。

图9.45  定制应用的启动画面

本文节选自《疯狂ios讲义上》