app启动页

作者: 红凉梦 | 来源:发表于2016-12-19 18:23 被阅读31次

今天自己做的小作品准备提交,就差一个启动页,各种百度,各种搜,结果还好最后终于出来了,和大家分享一下,这个过程中遇到的各种小问题。(注XCode版本为7.2)

1.启动页一般都是图片,因为苹果有4,4S,5,5S,6,6S可能以后还会有其他的型号,所以要考虑到屏幕的适配,还有系统的适配(有些用户的系统版本不支持一些技术,比如LaunchScreen.storyboard),也就是图片的大小,那么多大的图片呢,图片的大小是可以在XCode里找到的(当时各种百度,各种搜大,答案也是众说纷纭,所以看过这个文章就不用搜了,建议新手一定要看看,也许会少走很多的弯路)

XCode中有LaunchScreen.storyboard或者LaunchScreen.xib,苹果默认使用的就是拿这个当启动页,这是一个静态的页面,不能写代码,也就是只能用自动布局来适配屏幕的大小,我刚开始就是拿这个做的启动页面,就一张图片居中显示,后来发现这个兼容性不强,这个技术低版本的不能用,网上有另外一种方法,这种方法很多人都在用,我也是看了很久才看明白的,直接上图:

在项目中找到Assets.xcassets点击就会出现下图:

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

就点击+号

会有如下界面(注XCode版本为7.2,不同版本界面可能不一样)

然后上面就会出现这个:

关键的问题来了,图片的大小,我就是纠结这个问题上网搜了很多很多,很乱,最终功夫不负有心人,踏破铁鞋无觅处,得来全不费功夫。图形的大小就在XCode里面就可以找到,如图:

选中那个空的边框,在右边就会有这个边框要用多大的图片,几倍的图片 ,还有就是到时候那个图片的名称最好和上面的一样,比如:iPhone_736@3x,个人感觉这样命名比较好。

把图片弄好之后,接下来就是需要修改一些东西比如下图:

LaunchScreen.xib或者LaunchScreen.storyboard,在右边找到Use as LaunchScreen,把勾取消

如图:

相关文章

  • 产品经理如何设计APP启动页

    本文大纲:1)APP启动页的设计初衷;2)APP启动页的分类;3)APP启动页的设计方法和原则 1 为什么要做启动...

  • app启动页

    今天自己做的小作品准备提交,就差一个启动页,各种百度,各种搜,结果还好最后终于出来了,和大家分享一下,这个过程中遇...

  • APP启动页

    安卓图片资源目录 iOS图片资源目录 图片压缩网址

  • Flutter 启动页(闪屏页)具体实现和原理分析

    为什么要有启动页? 在以下文章中,启动页就是闪屏页。 现在大部分App都有启动页,那么为什么要有启动页?这是个值得...

  • APP启动页和闪屏的知识点

    启动页与闪屏的区别 1.启动页 (launch screen ) 当app被用户打开时,在app启动过程中被用户所...

  • 功能调研|启动页和引导页

    一、启动页 每次启动都会出现。 二、引导页 若APP是第一次打开,则在启动页之后出现引导页。

  • 在使用app的时候我们都会看到产品的启动页,那么启动页的作用是什么,它又有些什么类型呢 1、启动页的作用 启动页的...

  • Android屏幕适配之解决白屏启动的正确姿势

    文章目录 APP启动页的需求APP启动页的需求的尝试定义正确的Theme定义背景图解决白屏启动的正确姿势参考And...

  • iOS 实现有效延时启动页

      目前国内App有这样的需要:在App启动的时候加定时广告,为增加曝光度多显示几秒的启动页。但是系统默认启动页显...

  • 产品如何抢占用户心智——启动&引导页的现状

    启动页作为app的“门面”,每个产品人都不会忽视这个“门面”。本文章就将试着总结市场常见 的app启动页&引...

网友评论

    本文标题:app启动页

    本文链接:https://www.haomeiwen.com/subject/gybtvttx.html