疯狂ios讲义之美化iOS应用

博文视点 发布于 2014/01/21 13:29
阅读 808
收藏 3
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屏幕。而iPhone 5s使用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复选框,这样系统会自动将该图标调整为圆角边框。除非你自己准备了非常精美的图标,而且不希望系统对图标进行任何调整,才应该勾 选该复选框。

疯狂<span><a href='http://www.paidai.com/labels/ios.html' target='_blank' class='labeltag'>ios</a></span>讲义疯狂连载之美化iOS应用34

图9.42  设置应用程序图标

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

疯狂ios讲义疯狂连载之美化iOS应用71

图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所示的编辑界面。



疯狂ios讲义疯狂连载之美化iOS应用87

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

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

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

图9.45  定制应用的启动画面


本文节选自《疯狂ios讲义(上)》
疯狂ios讲义疯狂连载之美化iOS应用58
加载中
0
猎户座
猎户座
这书出了。。。。就差net系列了
返回顶部
顶部