nativeUI管理系統原生界面,可用於彈出系統原生提示對話框窗口、時間日期選擇對話框、等待對話框等。
<!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">
function one(){
var btnlist = [{color:'#23d4ff',title:'第一個'},
{color:'#23d4ff',title:'第二個'},
{color:'#23d4ff',title:'第三個'}];
plus.nativeUI.actionSheet({title:'請選擇類型',cancel:'取消',buttons:btnlist},function(e){
if(e.index==0){
alert('您點擊了取消')
}else{
alert('您點擊了'+e.index);
}
});
}
function two(){
plus.nativeUI.alert('彈出系統提示對話框','','標題','確定');
}
function three(){
plus.nativeUI.confirm('彈出系統確認對話框',function(e){alert('點擊了:'+e.index)},{title:'標題',buttons:['取消','確認']});
}
function four(){
plus.nativeUI.showWaiting('');//關閉系統等待對話
setTimeout(function(){plus.nativeUI.closeWaiting()},2000);//關閉系統等待對話框
}
function five(){
plus.nativeUI.previewImage([
'http://kindeditor.net/images/logo.png',
'http://tpc.googlesyndication.com/daca_images/simgad/18234711061423907143'
]);
}
function six(){
plus.nativeUI.pickDate(function(e){
alert(e.date);
},
function(e){
alert(e.message);
},{title:'請選擇日期'});
}
function seven(){
plus.nativeUI.pickTime(function(e){
alert(e.date);
},
function(e){
alert(e.message);
});
}
function eight(){
plus.nativeUI.prompt('輸入什么',
function(e){
alert('按鈕索引'+e.index+'|輸入的內容:'+e.value);
},'標題');
}
function nine(){
plus.nativeUI.toast('顯示自動消失的提示消息');
}
</script>
</head>
<style>
li{line-height: 40px; height: 40px; border-bottom: #ccc dashed 1px;}
</style>
<body>
<ul>
<li onclick="one()">彈出系統選擇按鈕框</li>
<li onclick="two()">彈出系統提示對話框</li>
<li onclick="three()">彈出系統確認對話框</li>
<li onclick="four()">顯示系統等待對話框</li>
<li onclick="five()">預覽圖片</li>
<li onclick="six()">彈出系統日期選擇對話框</li>
<li onclick="seven()">彈出系統時間選擇對話框</li>
<li onclick="nine()">顯示自動消失的提示消息</li>
</ul>
</body>
</html>