ionic1开发之APP引导页面

前言:

写这篇文章的主要目的不是为了讲如何实现APP引导页面的界面。
主要是要讲在ionic1的APP中怎样控制引导页面出现的时机!

界面实现

对于APP引导页面,一般常规的操作都是用ion-slide-box或者ion-slides来实现。
这一点并没有太多可讲的内容,直接略过。

时机把握

APP引导页面的最大的功能就是提前告诉用户,某个版本更新的时候在我们的APP中发生了哪些比较值得注意的事情。

但是并不是每个版本更新的内容都需要告诉用户,因为有的时候我们更新的仅仅只是一些bug的修复或者一些小的用户体验的优化。
既然是要吸引用户的注意力,要提前告诉用户,那么引导页面就应该在第一时间出现在用户的眼前。

不是每个版本更新都会出现引导页面

到代码层面实现的思路其实很简单,给引导页面加一个版本号即可。
在缓存(一般用localStorage)里面加入一个缓存的版本号,然后再在代码里面加入一个当前需要更新的版本号即可。

首先判断缓存版本号有没有值,如果没有值那肯定是要显示引导页面的的。
如果缓存版本号有值,并且缓存版本号的值比当前版本号要小,那么也是要显示引导页面的。
显示引导页面的时候,需要用当前版本号去覆盖缓存版本号。

引导页面应该在所有页面出现之前出现

一开始的时候,把跳转引导页面的代码加在首页上,当首页开始加载的时候就进行判断是否需要跳转。
得到的结果是会先看到首页,然后再跳转到引导页面,页面出现的顺序不对。

然后经过多方查找发现,正确的姿势是把相关的代码放到app.js中的.run模块里面去。
.run(['$ionicPlatform', '$state'], function('$ionicPlatform', '$state'){

  shouldShowAppGuidePage ? $state.go('AppGuidePage') : $state.go('HomePage')
})

最后的建议

  1. APP引导页面虽好,但不要过度使用;
  2. APP引导页面上的大图片建议放在项目中,不建议放在服务器上。
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 180,080评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 16,480评论 4 61
  • 很多产品,往往需要去考量如何去收费。一个产品的定价首先是从成本开始考量,那如何考量一款产品的基本成本?1、运维的成...
    脚下日月阅读 1,107评论 0 4
  • 昨天看到弘南老师发的一篇文章,讲雾霾的形成和放鞭炮并无关系。雾是空气中的湿气,霾是工业废弃中产生的有害颗粒。放鞭炮...
    快乐的学徒阅读 486评论 0 0
  • 子文走了,永远不会再回来了。 第一次见到你,是在百货五楼,那时你还在读大学,我和昊龙等人在台球房玩,你过来见...
    摄驴风萧阅读 276评论 0 0

友情链接更多精彩内容