2024年HarmonyOS鸿蒙最新鸿蒙OS应用开发之——Java UI框架-常用组件ToastDialog(3)，HarmonyOS鸿蒙面试心得必备技能储备详解

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

ohos:background_element=“$graphic:background_button”

ohos:bottom_margin=“15vp”

ohos:left_margin=“15vp”

ohos:left_padding=“8vp”

ohos:right_padding=“8vp”

ohos:text=“Base Toast”

ohos:text_color=“#ffffff”

ohos:text_size=“27fp”/>

<Button

ohos:id=“$+id:button_position”

ohos:height=“match_content”

ohos:width=“match_content”

ohos:background_element=“$graphic:background_button”

ohos:bottom_margin=“15vp”

ohos:left_margin=“15vp”

ohos:left_padding=“8vp”

ohos:right_padding=“8vp”

ohos:text=“Set Position”

ohos:text_color=“#ffffff”

ohos:text_size=“27fp”/>

<DirectionalLayout

xmlns:ohos=“http://schemas.huawei.com/res/ohos”

ohos:height=“match_content”

ohos:width=“match_parent”

ohos:alignment=“center”

ohos:orientation=“horizontal”>

<Button

ohos:id=“$+id:button_custom”

ohos:height=“match_content”

ohos:width=“match_content”

ohos:background_element=“$graphic:background_button”

ohos:bottom_margin=“15vp”

ohos:left_margin=“15vp”

ohos:left_padding=“8vp”

ohos:right_padding=“8vp”

ohos:text=“Custom Toast”

ohos:text_color=“#ffffff”

ohos:text_size=“27fp”/>

<Button

ohos:id=“$+id:button_add_image”

ohos:height=“match_content”

ohos:width=“match_content”

ohos:background_element=“$graphic:background_button”

ohos:bottom_margin=“15vp”

ohos:left_margin=“15vp”

ohos:left_padding=“8vp”

ohos:right_padding=“8vp”

ohos:text=“Add An Image”

ohos:text_color=“#ffffff”

ohos:text_size=“27fp”/>

background_button.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:ohos=“http://schemas.huawei.com/res/ohos”

ohos:shape=“rectangle”>

<corners

ohos:radius=“10”/>

<solid

ohos:color=“#007CFD”/>

2.2.1 Basic Toast

代码文件

new ToastDialog(getContext())

.setText(“This is a ToastDialog”)

.show();

ToastDialog效果图

2.2.2 SetPosition(设置位置)

代码文件

new ToastDialog(getContext())

.setText(“This is a ToastDialog displayed in the middle”)

.setAlignment(LayoutAlignment.CENTER)

.show();

位置设置说明

| 属性 | 位置 |

| :-: | :-: |

| TOP | 导航栏(电池、信号) |

| START | 屏幕中央位置 |

| CENTER | 屏幕中央位置 |

| BOTTOM | 底部导航栏(返回键) |

| END | 屏幕中央位置 |

| HORIZONTAL_CENTER | 屏幕中央 |

| VERTICAL_CENTER | 屏幕中央偏右 |

| LEFT | 屏幕中央偏左 |

| RIGHT | 屏幕中央偏右 |

| UNSET | 底部导航栏(返回键) |

设置显示位置的效果

2.2.3 自定义ToastDialog

layout_toast.xml布局

<?xml version="1.0" encoding="utf-8"?>

<DirectionalLayout

xmlns:ohos=“http://schemas.huawei.com/res/ohos”

ohos:height=“match_content”

ohos:width=“match_content”

ohos:orientation=“vertical”>

<Text

ohos: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”/>

background_toast_element.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:ohos=“http://schemas.huawei.com/res/ohos”

ohos:shape=“rectangle”>

<corners

ohos:radius=“30vp”/>

<solid

ohos:color=“#66808080”/>

自定义Component效果

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

2D-1715640809980)]

[外链图片转存中…(img-V9HTXco2-1715640809980)]
[外链图片转存中…(img-ZTQkNlQL-1715640809980)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！