32模块-webview【管理应用窗口界面】
Webview模块管理应用窗口界面，实现多窗口的逻辑控制管理操作。通过plus.webview可获取应用界面管理对象。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>心得</title>
<script type="text/javascript">
//获取所有Webview窗口
function a(){
var temp_arr_obj = plus.webview.all();//窗口对象数组
alert(temp_arr_obj);
}
//关闭所有除主页外的所有webview
function a_b(){
var temp_arr_obj = plus.webview.all();//窗口对象数组
for(i in temp_arr_obj){
if(i!=0){//数组下标为0的是主页，也就是第一张webview对象
plus.webview.close(temp_arr_obj[i]);
}
}
}
//关闭指定Webview窗口
function b(){
//plus.webview.close(plus.webview.currentWebview().id);//关闭当前窗口
plus.webview.close('9');//要关闭Webview窗口id或窗口对象
}
//创建新的Webview窗口
function c(){
var temp_obj = plus.webview.create('http://m.baidu.com/','9',{top:'300px',bottom:'45px',width:'100%'});
temp_obj.show();//显示webview
}
//获取当前窗口的WebviewObject对象
function d(){
var temp_obj = plus.webview.currentWebview();
alert(temp_obj);
}
//获取屏幕所有可视的Webview窗口
function e(){
var temp_arr_obj = plus.webview.getDisplayWebview();
alert(temp_arr_obj);
}
//查找指定标识的WebviewObject窗口
function f(){
var temp_obj = plus.webview.getWebviewById('9');
alert(temp_obj);
}
//获取应用首页WebviewObject窗口对象
function g(){
var temp_obj = plus.webview.getLaunchWebview();
alert(temp_obj);
}
//获取应用第二个首页WebviewObject窗口对象
function h(){
var temp_obj = plus.webview.getSecondWebview();
alert(temp_obj);
}
//获取应用显示栈顶的WebviewObject窗口对象
function i(){
var temp_obj = plus.webview.getTopWebview();
alert(temp_obj);
}
//隐藏Webview窗口
function j(){
plus.webview.hide('9');
}
//创建并打开Webview窗口
function k(){
plus.webview.open('http://m.baidu.com/','9',{top:'300px',bottom:'45px',width:'100%'});
//相当于执行了 c()
}
//预载网络页面
function l(){
//就是提前加载某个url页面，在新建webview时使用该url则会在预加载页面中提取该页面的数据
plus.webview.prefetchURL('http://m.baidu.com/');
alert('预载网络页面');
}
//Webview窗口组合动画
function m(){
var main_view =plus.webview.currentWebview();//获取当前窗口的WebviewObject对象
var new_view = plus.webview.open('http://m.baidu.com/','9',{left:'100%',render:'always'});
// main_view 窗口左滑显示 new_view 页面 方法
main_view.drag({direction:'left',moveMode:'followFinger'}, {view:new_view,moveMode:'follow'});
// new_view 窗口右滑显示 main_view 页面 方法
new_view.drag({direction:'right',moveMode:'followFinger'}, {view:main_view,moveMode:'follow'});
}
//Webview窗口组合动画
function n(){
var main_view =plus.webview.currentWebview();//获取当前窗口的WebviewObject对象
var new_view = plus.webview.open('http://m.baidu.com/','10',{left:'100%',render:'always'});
//显示 new_view 页面
plus.webview.startAnimation({view:main_view,styles:{fromLeft:'0%',toLeft:'-100%'}},{view:new_view,styles:{fromLeft:'100%',toLeft:'0%'}});
// main_view 窗口左滑显示 new_view 页面 方法
main_view.drag({direction:'left',moveMode:'followFinger'},{view:new_view,moveMode:'follow'});
// new_view 窗口右滑显示 main_view 页面 方法
new_view.drag({direction:'right',moveMode:'followFinger'},{view:main_view,moveMode:'follow'});
}
</script>
</head>
<style>
li{line-height: 40px; height: 40px; border-bottom: #ccc dashed 1px;}
</style>
<body>
<ul id="imglist"></ul>
<ul>
<li onclick="a()">获取所有Webview窗口</li>
<li onclick="a_b()">关闭所有除主页外的所有webview</li>
<li onclick="b()">关闭指定Webview窗口</li>
<li onclick="c()">创建新的Webview窗口</li>
<li onclick="d()">获取当前窗口的WebviewObject对象</li>
<li onclick="e()">获取屏幕所有可视的Webview窗口</li>
<li onclick="f()">查找指定标识的WebviewObject窗口</li>
<li onclick="g()">获取应用首页WebviewObject窗口对象</li>
<li onclick="h()" style="height:80px;">获取应用第二个首页WebviewObject窗口对象</li>
<li onclick="i()" style="height:80px;">获取应用显示栈顶的WebviewObject窗口对象</li>
<li onclick="j()">隐藏Webview窗口</li>
<li onclick="k()">创建并打开Webview窗口</li>
<li onclick="l()">预载网络页面</li>
<li onclick="m()" style="height:80px;">Webview窗口组合动画(拖拽才会显示)</li>
<li onclick="n()" style="height:80px;">Webview窗口组合动画(点击后直接显示)</li>
</ul>
</body>
</html>
