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

假启动页

3、多页滑动启动页

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

多页滑动

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

是否第一次启动APP

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

4、视频广告式的启动页

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

视频播放器
视频启动页加载

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

5、Git动态图式的启动页

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

git

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

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

demo地址:GitHub - zshuo50/StartupPage

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,195评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,132评论 25 709
  • 最近在做的项目中使用AVPlayer进行视频播放,因为第一次做功能点这样庞大的视频播放项目,所以在带着团队revi...
    794f64d7a292阅读 14,641评论 8 1
  • 有情团聚寿楼,身无愁,一杯杜康鱼肉喜中秋,忠作酱,义心犟。恶念休,但愿择善人间名长留。
    股帮仁罗阅读 3,138评论 5 25
  • 一、 曾经在网上看过这样一段话:姑娘,你现在已经过了耳听爱情的年纪,更多的需要眼见为实。所以,你要等他求婚了再感动...
    迦南知识铺阅读 5,677评论 0 4