iOS 启动页设置

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了。

iOS 启动页设置_第1张图片
假启动页

3、多页滑动启动页

这种设置方式我看到的比较多,一般是滑动到第四张图片时,会出现一个立即体验的按钮,点击进入到主页。设计思路:初始化一个UIScrollView,设置四页,用一个for循环,在每一页上设置一个UIImageView,将图片加载在imageView上,在第四页放一个UIButton,点击方法跳转到主页。

iOS 启动页设置_第2张图片
多页滑动

某些APP虽然也是类似形式,但是加了自动轮播功能,一秒自动滑动一页,只需要增加一个定时器,每秒将scrollview翻一页(setContentOffset:)即可。

iOS 启动页设置_第3张图片
是否第一次启动APP

ps:这种实现方式一般在第一次安装APP和更新版本是出现一次,所以一般图片大多体现APP的操作帮助、表达一种情怀、体现某些意境等等(个人观点,呵呵)。这种多页滑动启动页在我下面的demo中StartupPageController中有详细代码可参考。

4、视频广告式的启动页

视频广告式启动页设计思路:初始化一个MPMoviePlayerController(iOS9开始),加载视频路径,然后在视图上加一个跳转主页的UIButton。

iOS 启动页设置_第4张图片
视频播放器
视频启动页加载

ps:视频形式的启动页,能更直观体现产品和APP的内容,还可以播放广告(不考虑用户体验的设计都是耍流氓)。这个详细代码在demo中的StartupMovieController中。

5、Git动态图式的启动页

Git动态图其实是几张图片组合而成的,那么只要给UIImage做一个扩展就可以实现(UIImage+animatedGIF),然后将UIImage加载到UIImageView上即可。

iOS 启动页设置_第5张图片
git

ps:UIImage+animatedGIF这个扩展类在demo中可看到,这里就不细说了。

五种实现形式我都写在一个demo中了,对你有所帮助的话请去demo下载来参考,对你没帮助的路过笑之即可。不喜勿碰,有好的意见请留言告知,能及时修改!(喜欢给个❤️)

demo地址:GitHub - zshuo50/StartupPage

你可能感兴趣的:(iOS 启动页设置)