【HarmonyOS开发】弹窗交互（promptAction ）
实现效果[*]点击按钮实现不同方式的弹窗
[*]showToast
https://i-blog.csdnimg.cn/direct/8d446dcfaffd438095f6b68430ea68f7.png
[*]showDialog
https://i-blog.csdnimg.cn/direct/03dcaa24fd3b4421a3bf9e4ba6584796.png
[*]showActionMenu
https://i-blog.csdnimg.cn/direct/f0d2626eaee34917b8d9921cdccd1452.png
代码实现
1.引入’@ohos.promptAction’
import promptAction from '@ohos.promptAction';
2.通过promptAction 实现体系既定的弹窗
import promptAction from '@ohos.promptAction';
@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企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]