<!DOCTYPE HTML>
|
<html>
|
<head>
|
<meta charset="utf-8"/>
|
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
<meta name="HandheldFriendly" content="true"/>
|
<meta name="MobileOptimized" content="320"/>
|
<title>Hello H5+</title>
|
<script type="text/javascript" src="../js/common.js"></script>
|
<script type="text/javascript">
|
function previewImage() {
|
outSet("预览图片");
|
plus.nativeUI.previewImage([
|
"_www/img/h5p.jpg",
|
"../img/shake/2.jpg",
|
"http://img-cdn-qiniu.dcloud.net.cn/newpage/images/logo4.png"
|
],{
|
current:1,
|
loop:true,
|
onLongPress:function(e){
|
outLine('onLongPress: '+JSON.stringify(e));
|
showActionSheet();
|
}
|
});
|
}
|
function pickDate() {
|
outSet( "打开系统日期选择框：");
|
var dDate=new Date();
|
dDate.setFullYear(2014,0,1);
|
var minDate=new Date();
|
minDate.setFullYear(2010,0,1);
|
var maxDate=new Date();
|
maxDate.setFullYear(2016,11,31);
|
outLine( "[date] "+dDate );
|
outLine( "[minDate] "+minDate );
|
outLine( "[maxDate] "+maxDate );
|
plus.nativeUI.pickDate( function(e) {
|
var d=e.date;
|
outLine( "选择的日期："+d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate() );
|
},function(e){
|
outSet( "未选择日期："+e.message );
|
},{title:"请选择日期",date:dDate,minDate:minDate,maxDate:maxDate});
|
}
|
function pickTime() {
|
outSet( "打开系统时间选择框：");
|
var dTime=new Date();
|
dTime.setHours(6,0);
|
outLine( "[time] "+dTime );
|
plus.nativeUI.pickTime(function(e){
|
var d=e.date;
|
outLine( "选择的时间："+d.getHours()+":"+d.getMinutes() );
|
},function (e){
|
outSet( "取消选择时间！" );
|
},{title:"请选择时间",is24Hour:true,time:dTime});
|
}
|
function showAlert(){
|
outSet( "弹出系统提示对话框：" );
|
plus.nativeUI.alert("系统提示框内容\n第二行内容",function(e){
|
var i=e.index;
|
if(i<0){
|
outLine( "按\"返回\"键关闭提示框！" );
|
}else{
|
outLine( "提示框已关闭！" );
|
}
|
},"nativeUI","好");
|
}
|
function showConfirm(){
|
outSet( "弹出系统确认对话框：" );
|
var bts=["是","否","取消"];
|
plus.nativeUI.confirm("系统确认对话框内容\n第二行内容",function(e){
|
var i=e.index;
|
outLine( "按\""+((i>=0)?bts[e.index]:"返回")+"\"关闭！" );
|
},"nativeUI",bts);
|
}
|
function showPrompt(){
|
outSet( "弹出系统输入对话框：" );
|
var bts=["确认","取消"];
|
plus.nativeUI.prompt("请输入内容",function(e){
|
var i=e.index;
|
outLine( "按\""+((i>=0)?bts[e.index]:"返回")+"\"关闭："+e.value );
|
},"nativeUI","内容",bts);
|
}
|
function showActionSheet(){
|
outSet( "弹出系统选择按钮框：" );
|
var bts=[{title:"警告",style:"destructive"},{title:"按钮1"},{title:"按钮2"},{title:"按钮3"}];
|
plus.nativeUI.actionSheet({title:"ActionSheet标题",cancel:"取消",buttons:bts},
|
function(e){
|
outLine( "选择了\""+((e.index>0)?bts[e.index-1].title:"取消")+"\"");
|
}
|
);
|
}
|
function showToast(){
|
plus.nativeUI.toast("您好！正在使用HBuilder开发应用！",{duration:"long"});
|
}
|
function showWaiting(){
|
var nw = clicked('nativeui_waiting.html',false,false,{popGesture:'none'});
|
nw.addEventListener("close",function(){
|
plus.nativeUI.closeWaiting();
|
},false);
|
}
|
</script>
|
<link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
|
</head>
|
<body>
|
<ul class="dlist">
|
<li class="ditem" onclick="previewImage()">预览图片</li>
|
<li class="ditem" onclick="pickDate()">系统日期选择框</li>
|
<li class="ditem" onclick="pickTime()">系统时间选择框</li>
|
<li class="ditem" onclick="showAlert()">提示框</li>
|
<li class="ditem" onclick="showConfirm()">确认框</li>
|
<li class="ditem" onclick="showPrompt()">输入框</li>
|
<li class="ditem" onclick="showActionSheet()">弹出菜单ActionSheet</li>
|
<li class="ditem" onclick="showToast()">自动消失提示框</li>
|
</ul>
|
<br/>
|
<div class="button" onclick="showWaiting()">等待框</div>
|
<div id="outpos"/>
|
<div id="output">
|
nativeUI管理系统原生界面，可用于弹出系统原生提示对话框窗口、时间日期选择对话框、等待对话框等。
|
</div>
|
</body>
|
</html>
|
