Appearance

目录

Dialog ​

对话框组件。

属性 ​

属性名类型默认值说明示例
cancelablebooleantrue是否可以被取消（按返回键或者点击空白区域是否可以关闭对话框）dialog.cancelable = false;
lowLayerbooleanfalse对话框显示层级是否是低层级（比系统对话框层级低）dialog.lowLayer = true;

方法 ​

js
/**
 * 显示提示对话框（用户需要点击【确定】按钮才能继续进行操作）
 *
 * @param msg 内容
 * @param btnText 按钮内容
 * @param callback 按钮点击回调
 */
alert(msg: string, btnText: string, callback: () => void);
js
/**
 * 显示确认对话框（用户需要点击【确定】或【取消】按钮才能继续进行操作）
 *
 * @param title 标题
 * @param msg 内容
 * @param okBtnText [确认]按钮内容
 * @param cancelBtnText [取消]按钮内容
 * @param okCallback [确认]按钮点击回调
 * @param cancelCallback [取消]按钮点击回调
 */
confirm(title: string, msg: string, okBtnText: string, cancelBtnText: string, okCallback: () => void, cancelCallback: () => void);
js
/**
 * 显示等待对话框（只能通过调用dismiss方法关闭对话框）
 *
 * @param msg 内容
 */
loading(msg: string);
js
/**
 * 显示自定义对话框
 *
 * @param view 自定义View
 */
custom(view: View);
js
/**
 * 关闭对话框
 */
dismiss();

示例 ​

js
let dialog = new Dialog();

// 显示提示对话框
dialog.alert("test");
dialog.alert("test", "OK", () => {
    Toast.show('ok click');
});

// 显示确认对话框
dialog.confirm("title", "test");
dialog.confirm("title", "test", "OK", "Cancel",
    () => {
        Toast.show('ok click');
    }, () => {
        Toast.show('cancel click');
    });

// 显示等待对话框
dialog.loading("loading...");

// 显示自定义对话框
let view = new View();
view.style = {
    width: 200,
    height: 100,
    backgroundColor: '#FF0000',
}
view.addEventListener('tap', (event) => {
    // 关闭对话框
    dialog.dismiss();
})
dialog.custom(view);