您的位置:首页 > 移动开发 > IOS开发

iOS上架之启动页、图标设置

2016-04-22 15:21 190 查看
今天给公司项目做启动页,遇到了很多小问题,不过最后还是做出来了,和大家分享一下(注:Xcode版本7.3)

1.除了启动页, 我顺便设置了一下APP的logo。一般启动页还有logo图标都是公司美工给设计好的,我们需要做的就是根据不同的设备,做成不同的尺寸,图片格式一定要设置为png格式。(注意:图片的尺寸我们不需要自己去百度,苹果在Xcode中里面都有对应的尺寸,我们按照对应的尺寸做出来就可以了,个人建议按照尺寸对照片命名,我的这个其实也不规范,最好是58×58@2x,这样拖拽的时候比较方便一点),附截图两张:



29pt就是29像素的意思2x就是29*2,以此类推,还有就是图片的命名方式一般为字母开头加上像素的大小再加上几倍像素,这个很重要,据说这样写的话苹果系统会自动识别几倍分辨率,就像这样:app_29@2x,(那么图片的像素,也可以叫大小方便理解,为29*2)app_40@3x,(图片的像素为40*3)



2、logo图标设置很简单, 我们按照系统尺寸将自己做的图片拽到对应位置就好了,如果拽错了,Xcode会报黄色错误,找到对应的进行修改就可以了。接下来我们着重说一下启动页的设置。启动页设置可以用LaunchScreen.storyboard或者LaunchScreen.xib设置,而且苹果系统默认的就是用这个来设置的,这是一个静态页面,不能用代码进行编辑。因此,我们才会用接下来的方法来设置启动页,(^__^) 嘻嘻……

第一步 点击Assets.xcassets然后点击添加,根据图中步骤添加启动页项目



之后就会出现下面这个,值得注意的是,第三部里面的设置信息,我们可以选择APP只针对iPhone或者iPad,以及iOS版本要求的设置,具体的根据自己需求设置就好了



让我最为难的东西出现了,启动页的尺寸,着重拿出来讲一下我们点击一个图片他的右侧会有属性显示,我们可以在那里找到各个设备需要的尺寸,值得注意的是,尺寸5.5高清有两张,看着一样,但是他们的尺寸要求缺恰好相反,添加的时候一定要注意(一个为1242×2208.另一个为2208×1242),我自己就犯了这个错误,附图一张:



图片都拖拽完毕之后,点击LaunchScreen.storyboard或者LaunchScreen.xib,将图片中对应位置取消勾选,如下



继续看图片 按照图片顺序 点击图中第五步的位置



将会出现如下图的界面,按照图中步骤执行



选择我们之前创建的启动页名字,千万不要选错,如图所示



选择完成之后,将第三个位置的内容删除掉,还有就是把模拟器上之前的版本都删掉,然后运行一下就可以了(我刚开始没删,总是不成功,删了之后就好了),就可以看到自己想要的启动页效果了,如有疑问,留言哦,我们共同研究!!!

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息