本文引言
学习编程,就应该用代码筑基,拿项目盖楼!最近学习《鸿蒙操作系统开发入门经典》,边写边敲示例代码,提升明显。但总觉得例子化的代码还是差了点东西,遂根据官方提供的代码示例工程进行学习和解析,和尽力二创。
开发文档-代码示例工程
一、概述
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很有意思: