【HarmonyOS开发】弹窗交互（promptAction ）

实现效果

• 点击按钮实现不同方式的弹窗
  
• showToast
  
  
  
  
• showDialog
  
  
  
  
• showActionMenu
  
  
  
  

代码实现

1.引入’@ohos.promptAction’

1. import promptAction from '@ohos.promptAction';

复制代码

2.通过promptAction 实现体系既定的弹窗

1. import promptAction from '@ohos.promptAction';
2. @Entry@Componentstruct Show_Page {  @State message: string = 'Hello World';  showToast() {    promptAction.showToast({      message: "登录成功", //显示内容      duration: 2000, //显示持续时间      bottom: 400//设置显示的距离底部位置    })  }  showDialog() {    promptAction.showDialog({      title: "提示",      message: "您确定要删除嘛？",      buttons: [        {          text: "取消",          color: "#000"        },        {          text: "确定",          color: "#000"        }      ]    }).then((data) => {      console.log(data.index.toString());    })  }  showActionMenu() {    promptAction.showActionMenu({      title: "选择字体",      buttons: [        {          text: "测试1",          color: "#ccc"        },        {          text: "测试2",          color: "#ccc"        },        {          text: "测试3",          color: "#ccc"        },        {          text: "测试4",          color: "#ccc"        },        {          text: "测试5",          color: "#ccc"        }      ]    }).then((data) => {      console.log(data.index.toString());    })  }  build() {    Column() {      Button() {        Text("ShowToast").fontColor(Color.White).fontSize(18)      }      .width("90%")      .height(40)      .margin({ top: 40 })      .onClick(() => {        this.showToast();      })      Button() {        Text("ShowDialog").fontColor(Color.White).fontSize(18)      }      .width("90%")      .height(40)      .margin({ top: 40 })      .onClick(() => {        this.showDialog();      })      Button() {        Text("ShowActionMenu").fontColor(Color.White).fontSize(18)      }      .width("90%")      .height(40)      .margin({ top: 40 })      .onClick(() => {        this.showActionMenu();      })    }    .height('100%')    .width('100%')  }}

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

继续阅读请点击广告