鸿蒙开发之系统Toast、Dialog

Toast用来提示一些错误信息，可以设置几秒后消失。

Dialog作用就是Alert需要用户进行交互，虽然是系统的Alert，但是，样子吧～不敢恭维，而且还不支持按钮样式自定义。

1、Toast

showPopAction() {
    let option: ShowToastOptions = {
      message: '错误信息', //提示信息
      duration: 3000, //多久后消失
      bottom:100 //弹出位置距离底部
    }
    //展示
    promptAction.showToast(option)
  }

2、Dialog

showDialog() {
    try {
      let option: ShowDialogOptions = {

        title: '提示',
        message: '这是弹框信息',
        buttons: [
          {
            text: '取消',
            color: '#000'
          },
          {
            text: '确定',
            color: '#F00'
          }
        ]
      }

      promptAction.showDialog(option)
        .then(data => {
            
          //通过data.index来拿到点击按钮的索引，从0开始
          console.log('show alert success,click btn index' +data.index)
        })
        .catch(err => {
          console.log('show alert err'+err)
        })
    } catch (err) {
      console.log('show alert err')
    }

  }

值得注意的是，buttons数组内部并不是真的按钮，只是按钮属性的字典，而且字典内部只有两个属性text和color。其中color值只能是字符串。也就是说我们只能定义按钮的文本和颜色。如果想改变按钮的样式，对不起，不支持。

另外，弹出框的返回值是Promise<ShowDialogSuccessResponse>类型。

除此之外，还有一种类型，使用promptAction.showActionMenu就可以展示，也是类似于Dialog的方式创建以及交互