登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

查看: 35|回复: 6

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

[复制链接]

195

主题

195

帖子

1807

金钱

手工艺人

发表于 2018-1-3 11:02:50 | 显示全部楼层 |阅读模式

        

        iOS上架之启动页、图标设置:今天给公司项目做启动页,遇到了很多小问题,不过最后还是做出来了,和大家分享一下(注: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,将图片中对应位置取消勾选,如下

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


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

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

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


                                               

0

主题

6457

帖子

-505

金钱

限制会员

发表于 2018-1-3 11:12:46 | 显示全部楼层
code4app好的内容真的很多~赞

3

主题

6474

帖子

424

金钱

攻城狮

Rank: 3Rank: 3

发表于 2018-1-3 11:20:49 | 显示全部楼层
感谢分享,楼主V5~

18

主题

6467

帖子

1855

金钱

iOS大神

Rank: 6Rank: 6

发表于 2018-1-3 11:25:49 | 显示全部楼层
不错不错,楼主辛苦了。。。

18

主题

6485

帖子

1745

金钱

iOS大神

Rank: 6Rank: 6

发表于 2018-1-3 11:31:21 | 显示全部楼层
我是来学习的

14

主题

6466

帖子

1087

金钱

iOS大神

Rank: 6Rank: 6

发表于 2018-1-3 11:37:24 | 显示全部楼层
感谢分享,楼主V5~

23

主题

6490

帖子

1063

金钱

iOS大神

Rank: 6Rank: 6

分享大神

发表于 2018-1-3 11:52:13 | 显示全部楼层
膜拜大神~
*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册 新浪微博登陆

本版积分规则

关闭

每日头条

通过邮件订阅最新 Code4App 信息
上一条 /4 下一条

广告投放| Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

快速回复 返回顶部 返回列表