天天看點

HarmonyOS實戰——ToastDialog元件基本使用

1. ToastDialog 簡介

2. ToastDialog 案例

3. ToastDialog 抽取工具類

HarmonyOS實戰——ToastDialog元件基本使用

ToastDialog 是 CommonDialog 的子類,他們的用法幾乎是一緻的,隻不過 ToastDialog 有自己的特性

ToastDialog 的組成如下:标題、提示内容、選擇按鈕

HarmonyOS實戰——ToastDialog元件基本使用

一般隻會用中間的提示内容,因為 ToastDialog 出現的意義就是用來作消息提示的

ToastDialog 彈框有自己的展示時間,預設展示 2 秒鐘,時間到了之後彈框就會自動消失

案例:點選按鈕彈出一個2秒的彈框提示資訊

ability_main

MainAbilitySlice

運作:

HarmonyOS實戰——ToastDialog元件基本使用

點選按鈕,可以看到彈框提示資訊出現了

HarmonyOS實戰——ToastDialog元件基本使用

兩秒後彈框消失

注意事項:

基本使用:

相關設定:

<code>ToastDialog</code> 擴充

可以給ToastDialog彈框一個布局

把ToastDialog抽取到一個工具類當中,以後用到彈框的時候就不需要再寫了,直接調用工具類的方法就可以了

案例:

建立一個布局檔案,名為:<code>mytoast</code>

HarmonyOS實戰——ToastDialog元件基本使用
HarmonyOS實戰——ToastDialog元件基本使用

把父類布局也改成 <code>match_content</code>

HarmonyOS實戰——ToastDialog元件基本使用

在布局檔案寫一個文本就可以了,因為<code>ToastDialog</code>也隻有一個文本提示

因為在每次彈出消息的時候要修改文本裡的内容,是以要給文本一個<code>id</code>,文本内容是變化的,是以要在Java代碼那裡設定

HarmonyOS實戰——ToastDialog元件基本使用

mytoast.xml

建立工具包和類

HarmonyOS實戰——ToastDialog元件基本使用
HarmonyOS實戰——ToastDialog元件基本使用
HarmonyOS實戰——ToastDialog元件基本使用

ToastUtils

在 MainAbilitySlice 中修改 onClick 方法中去調用工具類方法

HarmonyOS實戰——ToastDialog元件基本使用
HarmonyOS實戰——ToastDialog元件基本使用

點選

HarmonyOS實戰——ToastDialog元件基本使用

這個彈框就跟我們平時玩的APP中的彈框有些類似,唯一差別就是有點大,在 <code>mytoast.xml</code> 去調節彈框的大小,<code>ToastUtils.java</code> 調節彈框的位置

HarmonyOS實戰——ToastDialog元件基本使用
HarmonyOS實戰——ToastDialog元件基本使用

還可以給彈框添加一個偏移量,如Y軸添加200px

HarmonyOS實戰——ToastDialog元件基本使用

運作,點選後,發現彈框往上偏移了

HarmonyOS實戰——ToastDialog元件基本使用

本文來自部落格園,作者:兮動人,轉載請注明原文連結:https://www.cnblogs.com/xdr630/p/15254535.html