navigator
优质
小牛编辑
135浏览
2023-12-01
Splashscreen管理程序启动界面
程序启动界面是一个特殊的页面,会在程序启动时最先显示,用于程序在加载主界面时给用户友好的等待提示。 启动界面是一个高优先级的界面,其显示在所有其它界面之上。
方法:
- closeSplashscreen: 关闭程序启动界面
权限:
5+功能模块(permissions)。 在plus节点下配置splashscreen节点信息设置程序启动界面参数。
{
// ...
"permissions":{
// ...
"Navigator": {
"description": "浏览器信息"
}
}
// ...
"plus":{
// ...
"splashscreen": {
"autoclose": "true", // 首页加载完成后自动关闭splash界面
"delay": ""
}
}
}
属性:- autoclose: 是否自动关闭程序启动界面
- delay: 启动界面延迟关闭时间
仅在autioclose属性设置为"true"时有效,用于定义程序启动界面在应用的首界面加载完毕后延迟关闭的时间,单位为ms,默认值为0。
- waiting: 启动界面是否显示系统等待框
系统等待框使用的是系统雪花控件,各平台效果存在差异。
closeSplashscreen
关闭程序启动界面
void plus.navigator.closeSplashscreen();
说明:
很多情况下,程序启动后需要一段时间加载数据,为了避免界面显示空白内容,提高用户体验效果,这时可显示启动界面。 等数据加载完成后再关闭启动界面进入应用,通常可在应用首界面加载数据完成并更新显示内容后调用此方法。
参数:
无
返回值:
void : 无示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>navigator Example</title>
<script type="text/javascript">
// H5 plus事件处理
function plusReady(){
// 关闭程序启动界面
plus.navigator.closeSplashscreen();
}
if(window.plus){
plusReady();
}else{
document.addEventListener("plusready",plusReady,false);
}
</script>
</head>
<body>
关闭程序启动界面
</body>
</html>