鑫花
鑫花
  • 发布:2015-07-09 13:31
  • 更新:2018-12-01 13:41
  • 阅读:5069

关于guide的研究

分类:MUI

[6.0.0.201506290132]新增App首次启动欢迎页,也就是mui项目中examples/guide.html
APP启动流程:

  1. APP启动打开启动页面,也就是splashscreen,可以在manifest.html中设置自动关闭或者手动关闭:代码视图中plus下的splashscreen,autoclose值为false即需要手动关闭,值为true即自动关闭;
  2. 进入设置的入口页面webview;在入口页面或者入口页面的子webview即APP启动后就执行js的webview中判断APP是否为第一次启动。如何判断呢?使用localStorage,这个很简单就不说了;若不是第一次打开,则需要使用plus.navigator.closeSplashscreen()来关闭启动画面;若为第一次打开,则进入guide.html,在guide.html加载完后需要关闭启动画面;
  3. guide.html跳转至入口页面;

在MUI demo中,判断是否为第一次启动APP的代码在入口页面index.html的子页面list.html中;

看demo时发现若是ios则设置全屏(显示顶部状态栏),我测试了下,ios和安卓都可以全屏,不知道hbcui1984为何这样写,我看了下好几个安卓APP的guide都不是全屏的;

关于在使用过程中出现的问题:
1.有的娃娃做出来之后表现是看到启动画面后先看到入口页面,然后才看到guide页面,这是因为未正确设置启动画面的关闭;

若有问题,请在评论中指出。
by 鑫花璐放

1 关注 分享
qmit

要回复文章请先登录注册

9***@qq.com

9***@qq.com

大哥,请问怎么设置才能从guide进入到app首页后不是全屏呢?发现从guide进来以后之前设置的标题栏什么都失效了。
2018-12-01 13:41
9***@qq.com

9***@qq.com

我的入口页面是登陆页面,我把相应的有关启动guide.html代码拷贝过去,第一次启动app的时候会出现这样的现象:先进入登录页面,再进去欢迎页面,再切换到了入口登录页面。这样的体验有的问题,有好点的办法不?
2017-04-09 23:28
简约丶

简约丶

有的娃娃→_→,前辈呀前辈
2016-12-23 14:37
星辰若风

星辰若风

我现在做出来的效果就是 看到启动画面后先看到入口页面,然后才看到guide页面,怎么正确设置呢
2015-12-23 11:56
new

new

回答的不错!!
2015-07-25 11:57