HTML5+ - nativeUI系统原生界面管理_plus.nativeui.actionsheet

点击查看详情

actionSheet：弹出系统选择按钮框

plus.nativeUI.actionSheet(actionsheetStyle, actionsheetCallback)
从底部动画弹出系统样式选择按钮框，可设置选择框的标题、按钮文字等。 弹出的提示框为非阻塞模式，用户点击选择框上的按钮后关
闭，并通过actionsheetCallback回调函数通知用户选择的按钮。
参数：
actionsheetStyle: ( ActionSheetStyles ) 必选 选择按钮框显示的样式
actionsheetCallback: ( ActionSheetCallback ) 可选 选择按钮框关闭后的回调函数
// 弹出系统选择按钮框
plus.nativeUI.actionSheet( {title:"Plus is ready!",cancel:"取消",buttons:[{title:"1"},{title:"2"}]},function(e){
    console.log( "User pressed: "+e.index );
});
1
2
3
4
5
6
7
8
9
10

alert:弹出系统提示对话框

 plus.nativeUI.alert( message, alertCB, title, buttonCapture )
 创建并显示系统样式提示对话框，可设置提示对话框的标题、内容、按钮文字等。 弹出的提示对话框为非阻塞模式，用户点击提示对话
 框上的按钮后关闭，并通过alertCB回调函数通知对话框已关闭。
 参数：
message: ( String ) 必选 提示对话框上显示的内容
alertCB: ( AlertCallback ) 可选 提示对话框上关闭后的回调函数
title: ( String ) 可选 提示对话框上显示的标题
buttonCapture: ( String ) 必选 提示对话框上按钮显示的内容
// 弹出系统提示对话框
plus.nativeUI.alert( "Plus is ready!", function(){
    console.log( "User pressed!" );
}, "nativeUI", "OK" );
1
2
3
4
5
6
7
8
9
10
11
12

confirm:弹出系统确认对话框

plus.nativeUI.confirm(message, confirmCB, options)
创建并显示系统样式确认对话框，可设置确认对话框的标题、内容、按钮数目及其文字。 弹出的确认对话框为非阻塞模式，用户点击确
认对话框上的按钮后关闭，并通过confirmCB回调函数通知用户点击的按钮索引值。
参数：
message: ( String ) 必选 确认对话框上显示的内容
confirmCB: ( ConfirmCallback ) 可选 确认对话框关闭后的回调函数
回调函数中包括Event参数，可通过其index属性（Number类型）获取用户点击按钮的索引值。
options: ( ConfirmOptions ) 可选 确认对话框的参数/对话框的标题
类型为json（ConfirmOptions），表示设置确认对话框的参数；
// 弹出提示信息对话框
plus.nativeUI.confirm( "Are you sure ready?", function(e){
    console.log("Close confirm: "+e.index);
});
1
2
3
4
5
6
7
8
9
10
11
12
13

showWaiting:显示系统等待对话框

plus.nativeUI.showWaiting( title, options )
创建并显示系统样式等待对话框，并返回等待对话框对象Waiting，显示后需调用其close方法进行关闭。
参数：
title: ( String ) 可选 等待对话框上显示的提示标题内容
options: ( WaitingOptions ) 可选 等待对话框的显示参数
可设置等待对话框的宽、高、边距、背景等样式。
// 弹出系统等待对话框
var w = plus.nativeUI.showWaiting( "等待中..." );
1
2
3
4
5
6
7
8

closeWaiting:关闭系统等待对话框

plus.nativeUI.closeWaiting()
关闭已经显示的所有系统样式等待对话框，触发Waiting对象的onclose事件。
// 弹出系统等待对话框
plus.nativeUI.showWaiting( "等待中..." );
setTimeout( function(){
    plus.nativeUI.closeWaiting();
}, 5000 );
1
2
3
4
5
6
7

closeToast:关闭自动消失的提示消息

plus.nativeUI.closeToast()
关闭已经显示的所有自动消失的提示框。
// 显示自动消失的提示消息
plus.nativeUI.toast("<font style=\"font-size:14px\">再按一次返回键退出<br/>点此可<aonclick=\"console.log('clicked');plus.nativeUI.closeToast();\">关闭此页面</a></font>", {type:'richtext',duration:'long',richTextStyle:{align:'center'}});
1
2
3
4

pickDate:弹出系统日期选择对话框

plus.nativeUI.pickDate( successCB, errorCB, options )
创建并显示系统样式日期选择对话框，可进行日期的选择。 用户操作确认后通过successCB回调函数返回用户选择的日期，若用户取消
选择则通过errorCB回调。
参数：
successCB: ( PickDatetimeSuccessCallback ) 必选 日期选择操作成功的回调函数
回调函数中包括Event参数，可通过其date属性（Date类型）获取用户选择的时间。
errorCB: ( PickDatetimeErrorCallback ) 可选 日期选择操作取消或失败的回调函数
options: ( PickDateOption ) 可选 日期选择操作的参数
plus.nativeUI.pickDate( function(e){
    var d=e.date;
    console.log( "选择的日期："+d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate() );
},function(e){
    console.log( "未选择日期："+e.message );
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14

pickTime:弹出系统时间选择对话框

plus.nativeUI.pickTime( successCB, errorCB, options )
创建并弹出系统样式时间选择对话框，可进行时间的选择。 用户操作确认后通过successCB回调函数返回用户选择的时间，若用户取消
选择则通过errorCB回调。
参数：
successCB: ( PickDatetimeSuccessCallback ) 必选 时间选择操作成功的回调函数
回调函数中包括Event参数，可通过其date属性（Date类型）获取用户选择的时间。
errorCB: ( PickDatetimeErrorCallback ) 可选 时间选择操作取消或失败的回调函数
options: ( PickTimeOption ) 可选 时间选择操作的参数
plus.nativeUI.pickTime( function(e){
    var d=e.date;
    console.log( "选择的时间："+d.getHours()+":"+d.getMinutes() );
},function(e){
    console.log( "未选择时间："+e.message );
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14

prompt:弹出系统输入对话框

plus.nativeUI.prompt( message, promptCB, title, tip, buttons )
创建并显示系统样式输入对话框，可设置输入对话框的标题、内容、提示输入信息、按钮数目及其文字。 弹出的输入对话框为非阻塞模
式，其中包含编辑框供用户输入内容，用户点击输入对话框上的按钮后自动关闭，并通过promptCB回调函数返回用户点击的按钮及输入
的内容。
参数：
message: ( String ) 必选 输入对话框上显示的内容
promptCB: ( PromptCallback ) 可选 关闭输入对话框的回调函数
回调函数中包括Event参数，可通过其index属性（Number类型）获取用户点击按钮的索引值，通过其value属性（String类型）获取用户输入的内容。
title: ( String ) 可选 输入对话框上显示的标题
tip: ( String ) 可选 输入对话框上编辑框显示的提示文字
buttons: ( Array[ String ] ) 可选 输入对话框上显示的按钮数组
// 弹出输入对话框
plus.nativeUI.prompt( "Input your name: ", function(e){console.log( ((e.index==0)?"OK:":"Cancel")+e.value );},"nativeUI", "your name", ["OK","Cancel"]);}
1
2
3
4
5
6
7
8
9
10
11
12
13

toast:显示自动消失的提示消息

plus.nativeUI.toast( message, options )
创建并显示系统样式提示消息，弹出的提示消息为非阻塞模式，显示指定时间后自动消失。 提示消息显示时间可通过options的
duration属性控制，长时间提示消息显示时间约为3.5s，短时间提示消息显示时间约为2s。
参数：
message: ( String ) 必选 提示消息上显示的文字内容
options: ( ToastOptions ) 可选 提示消息的参数
可设置提示消息显示的图标、持续时间、位置等。
// 显示自动消失的提示消息
plus.nativeUI.toast( "I'am toast information!");
1
2
3
4
5
6
7
8
9