当前位置: 首页 > 文档资料 > Dcloud HTML5+ 规范 >

navigator

优质
小牛编辑
135浏览
2023-12-01

Splashscreen管理程序启动界面

程序启动界面是一个特殊的页面,会在程序启动时最先显示,用于程序在加载主界面时给用户友好的等待提示。 启动界面是一个高优先级的界面,其显示在所有其它界面之上。

方法:

权限:

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>
				

uni-app使用plus注意事项