H5+提供了多种弹出框的方法,包括:
-
plus.nativeUI.alert()
: 弹出系统提示框,只有一个确定按钮。 -
plus.nativeUI.confirm()
: 弹出系统确认框,包含确定和取消两个按钮。 -
plus.nativeUI.prompt()
: 弹出系统输入框,用户可以输入内容,包含确定和取消两个按钮。 -
plus.nativeUI.showWaiting()
: 显示系统等待对话框,通常用于阻塞当前操作,等待异步任务完成。 -
plus.nativeUI.toast()
: 显示系统自动消失的提示框,用于显示简短的信息。 -
plus.nativeUI.actionSheet()
: 弹出系统操作表,从屏幕底部滑出,包含一系列可供选择的操作。
这些方法都可以用于在H5+环境中显示系统级别的对话框,提供了丰富的交互方式。
以下是一些H5+弹出框的使用示例:
1. plus.nativeUI.alert():
plus.nativeUI.alert("Hello H5+!", function() {
console.log("You clicked OK!");
}, "H5+ Alert", "OK");
2. plus.nativeUI.confirm():
plus.nativeUI.confirm("Are you sure?", function(e) {
if (e.index == 0) {
console.log("You clicked OK!");
} else {
console.log("You clicked Cancel!");
}
}, "H5+ Confirm", ["OK", "Cancel"]);
3. plus.nativeUI.prompt():
plus.nativeUI.prompt("Please input your name:", function(e) {
if (e.index == 0) {
console.log("Your name is: " + e.value);
} else {
console.log("You clicked Cancel!");
}
}, "H5+ Prompt", "Name", ["OK", "Cancel"]);
4. plus.nativeUI.showWaiting():
var w = plus.nativeUI.showWaiting("Loading...");
setTimeout(function() {
w.close();
}, 3000);
5. plus.nativeUI.toast():
plus.nativeUI.toast("Hello H5+!");
6. plus.nativeUI.actionSheet():
var options = {
title: "H5+ ActionSheet",
cancel: "Cancel",
buttons: ["Option 1", "Option 2", "Option 3"]
};
plus.nativeUI.actionSheet(options, function(e) {
console.log("You clicked: " + (e.index > 0 ? options.buttons[e.index - 1] : "Cancel"));
});
以上代码示例中,`plus.nativeUI.alert()`、`plus.nativeUI.confirm()`、`plus.nativeUI.prompt()`、`plus.nativeUI.actionSheet()`的回调函数都会在用户点击按钮后被调用,`e.index`表示用户点击的按钮索引(从0开始)。`plus.nativeUI.showWaiting()`返回的对象有一个`close()`方法,可以用来关闭等待框。`plus.nativeUI.toast()`没有回调函数,因为它会自动消失。