Harmony OS — ToastDialog提示对话框

文章目录

1、ToastDialog 是什么？
2、简单实用
3、设置 ToastDialog
4、自定义ToastDialog的Component
5、实战：自定义添加多个视图的场景
6、更多

1、ToastDialog 是什么？

简单：提示对话框
官方：ToastDialog是在窗口上方弹出的对话框，是通知操作的简单反馈。ToastDialog会在一段时间后消失，在此期间，用户还可以操作当前窗口的其他组件。

2、简单实用

 Button button = (Button) findComponentById(ResourceTable.Id_btn_dianwo);button.setClickedListener(new Component.ClickedListener() {@Overridepublic void onClick(Component component) {//创建一个ToastDialognew ToastDialog(getContext()).setText("This is a ToastDialog").show();}});

    <Buttonohos:id="$+id:btn_dianwo"ohos:height="match_content"ohos:width="match_parent"ohos:layout_alignment="center"ohos:text="点我"ohos:margin="40fp"ohos:text_size="25fp"ohos:background_element="#FF53C3DE"/>

3、设置 ToastDialog

（1）设置位置

new ToastDialog(getContext()).setText("This is a ToastDialog displayed in the middle").setAlignment(LayoutAlignment.CENTER).show();

4、自定义ToastDialog的Component

新建：layout_toast.xml

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_content"ohos:width="match_content"ohos:orientation="vertical"><Textohos:id="$+id:msg_toast"ohos:height="match_content"ohos:width="match_content"ohos:left_padding="16vp"ohos:right_padding="16vp"ohos:top_padding="4vp"ohos:bottom_padding="4vp"ohos:layout_alignment="center"ohos:text_size="16fp"ohos:text="This is a ToastDialog for the customized component"ohos:background_element="$graphic:background_toast_element"/>
</DirectionalLayout>

background_toast_element.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:shape="rectangle"><cornersohos:radius="30vp"/><solidohos:color="#66808080"/>
</shape>

Button button = (Button) findComponentById(ResourceTable.Id_btn_dianwo);button.setClickedListener(new Component.ClickedListener() {@Overridepublic void onClick(Component component) {//自定义ToastDialog的ComponentDirectionalLayout toastLayout = (DirectionalLayout) LayoutScatter.getInstance(MainAbilitySlice.this).parse(ResourceTable.Layout_layout_toast, null, false);new ToastDialog(getContext()).setContentCustomComponent(toastLayout).setSize(DirectionalLayout.LayoutConfig.MATCH_CONTENT, DirectionalLayout.LayoutConfig.MATCH_CONTENT).setAlignment(LayoutAlignment.CENTER).show();}});

5、实战：自定义添加多个视图的场景

新建：layout_toast_and_image.xml

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_content"ohos:width="match_content"ohos:orientation="horizontal"><Imageohos:width="30vp"ohos:height="30vp"ohos:scale_mode="inside"ohos:image_src="$media:icon"/><Textohos:id="$+id:msg_toast"ohos:height="match_content"ohos:width="match_content"ohos:background_element="$graphic:background_toast_element"ohos:bottom_padding="4vp"ohos:layout_alignment="vertical_center"ohos:left_padding="16vp"ohos:right_padding="16vp"ohos:text="This is a ToastDialog with An Image"ohos:text_size="16fp"ohos:top_padding="4vp"/>
</DirectionalLayout>

background_toast_element.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:shape="rectangle"><cornersohos:radius="30vp"/><solidohos:color="#66808080"/>
</shape>

        Button button = (Button) findComponentById(ResourceTable.Id_btn_dianwo);button.setClickedListener(new Component.ClickedListener() {@Overridepublic void onClick(Component component) {DirectionalLayout layout = (DirectionalLayout) LayoutScatter.getInstance(MainAbilitySlice.this).parse(ResourceTable.Layout_layout_toast_and_image, null, false);new ToastDialog(getContext()).setContentCustomComponent(layout).setSize(DirectionalLayout.LayoutConfig.MATCH_CONTENT, DirectionalLayout.LayoutConfig.MATCH_CONTENT).setAlignment(LayoutAlignment.CENTER).show();}});

6、更多

ToastDialog 更多

Harmony OS — ToastDialog提示对话框相关推荐

华为harmonyos公测,华为鸿蒙 Harmony OS 2.0 第二轮公测已开启，赶紧申请报名
好消息来了,华为 Harmony OS 官网显示,鸿蒙系统第二轮公测已开启,并且新增了七款机型,之前不能参加鸿蒙2.0公测的赶紧看看有没有你,这几款机型是华为 nova 6.nova 6 5G .no ...
怎样去掉“交互式服务对话框检测”提示对话框
背景: 在win7以上的系统,当系统服务要弹出对话框的时候,会弹出"交互式服务对话框检测"提示对话框. 原因分析: 真正的问题是Windows 7 服务的Session 0 隔离机 ...
Harmony OS 设备开发学习记录（六）-- 通过PWM模块播放音乐
Harmony OS 设备开发学习记录(六)-- 通过PWM模块播放音乐基于hispark wifi套件采用harmony os 2.0全量代码一.看原理图确定硬件电路本例采用红绿灯扩展版上的蜂 ...
互联网快讯：谷歌重启可穿戴设备业务；极米科技高性能产品获好评；鸿蒙Harmony OS系统明年将正式登陆欧洲
国内要闻网宿科技拟斥7500万元参设产业基金,投资云计算与边缘计算等领域: 华为:鸿蒙Harmony OS系统明年将正式登陆欧洲: 3.启明星辰DT总部落地杭州,发布数据安全整体框架"数据 ...
华为harmonyos公测,华为鸿蒙Harmony OS 2.0开启第二轮公测：新增七款机型一览
[天极网手机频道]日前华为向部分手机用户推送了Harmony OS 2.0的更新推送,对于还没有收到Harmony OS 2.0公测版更新的用户不用着急,现在华为HarmonyOS官网显示,鸿蒙系统已 ...
javaScript中的提示对话框
<!-- 关于提示对话框,输入的内容是一个字符显示在页面上面,在提示对话框中不管输入什么内容,当用户单击取消的时候按提示对话框的返回结果都是并且使用null来进行操作,在实际的开发中使用p ...
ios警告与提示对话框
进行iOS开发过程中,不可避免的使用到各种提醒,来提醒用户当前操作,或是为了警告,或是为了数据缓冲. 本文介绍了使用 UIAlertController和UIAlertAction两个类,完成三种状态 ...
华为手机刷linux系统,华为Harmony OS 2.0手机Beta版刷机包流出：电脑助手一键刷入/手动...
原标题:华为 Harmony OS 2.0 手机 Beta 版刷机包流出,Mate 30 Pro 可用(附下载地址) 月24日消息 IT360 论坛今日放出了三款 Mate 30 Pro 机型的华为鸿 ...
为什么“鸿蒙”不是第二个“安卓”，如何看待Harmony OS里的Android痕迹?
华为将在6月2日晚8点举办鸿蒙操作系统及华为全场景新品发布会.官方微博也在同一时间更名为Harmony OS,同时更新了鸿蒙操作系统的开机视频.--Harmony OS会带来哪些改变? " ...
显示消息提示对话框（WebForm）
1: /// <summary> 2: /// 显示消息提示对话框. 3: /// Copyright (C) Maticsoft 4: /// </summary> 5: p ...