iOS设计启动页,有几种表现形式,下面我自己总结了五种常见的启动页设置方式:
1.系统自带的启动功能(Launchimage)
2.仿系统启动功能给一张Image给予UIWindow(假启动页)
3.多页滑动启动页
4.视频广告式的启动页
5.Git动态图式的启动页
详细的实现过程:
1、系统自带的启动功能(Launchimage)
这种设置方式简书中Li_Cheng的这篇文章描述的很详细,我就不过多陈述,大家直接点链接进去看:iOS开发 关于启动页和停留时间的设置 - 简书
ps:这种实现方式在每次APP重新启动的时候都会出现1~3秒,多数APP为了彰显品牌形象(logo和产品)多采用这种形式,让人潜移默化的记住这个品牌
2、仿系统启动功能给一张Image给予UIWindow(假启动页)
这种设置方式实现起来比较简单,到一张你需要展示的图片到工程,将这张图片贴在UIWindow之上就OK了。
3、多页滑动启动页
这种设置方式我看到的比较多,一般是滑动到第四张图片时,会出现一个立即体验的按钮,点击进入到主页。设计思路:初始化一个UIScrollView,设置四页,用一个for循环,在每一页上设置一个UIImageView,将图片加载在imageView上,在第四页放一个UIButton,点击方法跳转到主页。
某些APP虽然也是类似形式,但是加了自动轮播功能,一秒自动滑动一页,只需要增加一个定时器,每秒将scrollview翻一页(setContentOffset:)即可。
ps:这种实现方式一般在第一次安装APP和更新版本是出现一次,所以一般图片大多体现APP的操作帮助、表达一种情怀、体现某些意境等等(个人观点,呵呵)。这种多页滑动启动页在我下面的demo中StartupPageController中有详细代码可参考。
4、视频广告式的启动页
视频广告式启动页设计思路:初始化一个MPMoviePlayerController(iOS9开始),加载视频路径,然后在视图上加一个跳转主页的UIButton。
ps:视频形式的启动页,能更直观体现产品和APP的内容,还可以播放广告(不考虑用户体验的设计都是耍流氓)。这个详细代码在demo中的StartupMovieController中。
5、Git动态图式的启动页
Git动态图其实是几张图片组合而成的,那么只要给UIImage做一个扩展就可以实现(UIImage+animatedGIF),然后将UIImage加载到UIImageView上即可。
ps:UIImage+animatedGIF这个扩展类在demo中可看到,这里就不细说了。
五种实现形式我都写在一个demo中了,对你有所帮助的话请去demo下载来参考,对你没帮助的路过笑之即可。不喜勿碰,有好的意见请留言告知,能及时修改!(喜欢给个❤️)
demo地址:GitHub - zshuo50/StartupPage