疯狂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讲义上》