開發文檔代碼示例工程Dialog的完全解析
作者：HairtailofDai
ToastDialog是在窗口上方彈出的對話框，是通知操作的簡單反饋。ToastDialog會在一段時間后消失，在此期間，用戶還可以操作當前窗口的其他組件。
本文引言
學習編程，就應該用代碼筑基，拿項目蓋樓!最近學習《鴻蒙操作系統開發入門經典》，邊寫邊敲示例代碼，提升明顯。但總覺得例子化的代碼還是差了點東西，遂根據官方提供的代碼示例工程進行學習和解析，和盡力二創。
開發文檔-代碼示例工程
一、概述
ToastDialog是在窗口上方彈出的對話框，是通知操作的簡單反饋。ToastDialog會在一段時間后消失，在此期間，用戶還可以操作當前窗口的其他組件。
而基于CommonDialog我們們可以封裝更多的彈框。
幫大家翻譯一下：
二、工程演示
吐槽!原示例工程的按鈕和字體巨小!!!!眼睛都無了!我把字調大了。
進入HAP
顯而易見有四個按鈕，即有四種反饋!
- common dialog：一般的信息反饋對話框
- list dialog：列表對話框
- multiselect dialog：對選對話框
- custom dialog：自定義對話框
- common dialog
- list dialog
- multiselect dialog
- custom dialog
三、工程項目解析
框架解析
四、Layout布局解析
main_ability_slice
- 主頁面
- 布局：DirectionalLayout-方向布局(vertical豎直排列)
- 組件與頁面對應:
custom_dialog_content
- 自定義頁面
- 布局：最外層DirectionalLayout方向布局—Text組件—內層包含六個TextField組件的DirectionalLayout—Button組件
- 注解：
- 組件與頁面對應：
五、graphic文件解析
此文件下的都是以xml形式(svg會被編譯器轉為xml)的背景設置。在layout文件下的xml進行背景設置，如下：
為演示方便。把所有集合到一個xml進行注解。
六、MainAbility解析
關鍵點：
- 回調函數onStart。讀者如果對生命周期函數不是很懂建議點擊鏈接讀下文：
- setMainRoute配置默認展示的AbilitySlice
七、utils下的LogUtil解析
此文件是基于HiLog日志模塊的打印日志文件。
具體如何打印和如何注意事項不歸屬本文重點，可以參照下文
八、MainAbilitySlice解析
聲明
關于設置頁面的不贅述直接進入自定義函數initComponents()的解析：
關于幾個show的解析
- 基本都是字面意思
- 關鍵在于幾個關鍵功能的實現如單選、多選需要大家多熟悉
自定義彈框
九、custom文件的解析
難點在于TextField的應用，而不是CustomDialog了哈哈哈。
- //通過addTextObserver實現從start到count輸入框的跳轉
- private void setObserver(TextField textField, Component textFieldNext) {
- textField.addTextObserver((string, start, before, count) -> matchNumber(string, textField, textFieldNext));
- }
- private void matchNumber(String string, TextField textField, Component textFieldNext) {
- boolean isMatch = Pattern.matches(PATTERN, string);
- if (isMatch) {
- textField.setText(string);
- }
- if (textFieldNext != null) {
- textFieldNext.requestFocus();
- }
- }
本文總結
- 每日一更!不能斷更!!!!哈哈哈哈保持學習。
- 對于代碼示例工程提一點建議：布局中的text的值并沒有用element中的string.json存儲。致使代碼不規范
- 代碼已經格式化放心食用
- 對于ListDialog、CommonDialog、自定義彈窗有了一個基本演示和解析，但其完整API如下;
其中DisplayDialog很有意思：
責任編輯：jianghua
來源：
鴻蒙社區
