网易公开课一样动态更换APP启动图

应用介绍

作者Flying-Einstein，源码LaunchScreenTest，常见的几种启动图风格 静态图类型 ：微信 图片不变，有动画效果 ：京东 随着节日或者时间动态更换的 ：百度云、网易公开课 网易公开课 注意：笔者说的启动图并不是广告页，启动图是不接受点击事件的，但是广告页是接受点击事件的，点击后一般会跳转到网页。如下： 这几种风格的启动图怎么实现的？ 静态图类型 ：这种比较简单，开发者可以使用LaunchImage和LaunchScreen.storyboard的任何一种方式添加所需的正确格式的图片 图片不变，有动画效果 ：这种方式，笔者认为在实现方式上和第三种是一样的，就不在赘述，感兴趣的读者在看完第三种实现方式后，可以尝试去做。 随着节日或者时间动态更换的 ：这种方式，也就是笔者今天着重要讲的，原理及实现方式。 像百度云或者网易公开课一样动态更换APP启动图原理 其实你看到的不是一张图片 ：读者仔细观察就会发现，使用这种方式的的启动图，用的不是一张图片，而是两张。我们拿百度云来举例： 可以看到，两张图片的区别就是，底部都是一样的，而第一张上半部分是空白。其实，网易公开课和支付宝德也是如此。第一张图片是内容兼容性很强的图片，就是一个版权说明加上一个类似于app logo的样式，上面空白部分可以根据节日的不同，调整展示的样式 这两张图片还有其他的不同吗 ：因为笔者经常使用这几款app，发现有的时候第二张图片是不显示的，显示完第一张图片直接跳到app主页了。笔者认为，第一张图片就是放在[LaunchImage或者LaunchScreen.xib中的图片，是不会改变的。第二张图片则是从网上获取的，而且可以根据是否获取到相应的图片网址决定第二张图片能否显示。 为什么要这么做 ：有的读者可能有疑问，为什么要这么做？难道不可以直接更换掉第一张启动图吗，或者不显示第一张只显示第二张？答案：NO! 更换第一张图片？抱歉，更换不了，如果你使用的是LaunchScreen.xib或者LaunchScreen.Storyboard,只要你的app启动过，那张图片就永远的缓存在app里了，以后每次启动都会出现。 网络请求有延时，如果不放第一张图片，只放第二张图片，会出现短暂的黑屏。 从产品的角度来讲，也不合理。比如：植树节的时候我展示了和环保有关的内容，如果过了植树节，那么正常情况下我不展示该内容就可以了，后台不返回相应的图片网址，展示完第一张图片就ok了。如果没有第一张图片，那么过了植树节，我就需要把网址更换，需要一个下载图片的过程，从用户体验来讲也不好，时间延迟也会浪费流量。