HarmonyOS APP开发入门3——组件（四 CommonDialog普通弹框组件）_new commondialog后面的参数什么意思

本文链接：https://blog.csdn.net/2301_79099378/article/details/137847854

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

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

因此收集整理了一份《2024年最新HarmonyOS鸿蒙全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

htt

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

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

如果你需要这些资料，可以添加V获取：vip204888 （备注鸿蒙）

正文

创建对话框

CommonDialog dialog = new CommonDialog(getContext());

在UI线程调用该方法创建一个CommonDialog的实例。getContext()是获取上下文对象的方法，也可以以其他的方式将其传入使用。

使用对话框

下面显示一个包含标题、内容和按钮的简单对话框。设置按钮时传入的IDialog.BUTTON3表示按钮为按钮区从左至右第三个按钮，当只设置一个按钮时，按钮居中，多个按钮时以相同比例平均分配在按钮区。

CommonDialog dialog = new CommonDialog(getContext());
dialog.setTitleText(“Notification”);
dialog.setContentText(“This is CommonDialog Content area.”);
dialog.setButton(IDialog.BUTTON3, “CONFIRM”, (iDialog, i) -> iDialog.destroy());
dialog.show();

修改窗口尺寸

import static ohos.agp.components.ComponentContainer.LayoutConfig.MATCH_CONTENT; // 注意引入

…

dialog.setSize(800, MATCH_CONTENT);

修改位置

dialog.setAlignment(LayoutAlignment.BOTTOM);
dialog.setOffset(0, 200);

销毁监听

dialog.setDestroyedListener(() -> {
// TODO: 销毁后需要执行的任务。
});

延时关闭

dialog.setDuration(5000);

使用默认布局的基本用法

//把普通弹框弹出来就可以了
//1.创建弹框的对象
//this:当前弹框是哪展示在当前的界面中的。 CommonDialog cd = new CommonDialog(this);
//2.因为弹框里面是有默认布局的 //设置标题
cd.setTitleText(“系统定位服务已关闭”);
//设置内容
cd.setContentText(“请打开定位服务，以便司机师傅能够准确接您上车”);
//自动关闭
cd.setAutoClosable(true);
//设置按钮
//参数一：按钮的索引 0 1 2
//参数二：按钮上的文字
//参数三：点击了按钮之后能做什么
cd.setButton(0, “设置”, new IDialog.ClickedListener() {
@Override
public void onClick(IDialog iDialog, int i)
{ //写上点击了设置之后，要做的事情。 //如果点击之后我不需要做任何事情，在第三个参数中传递null就可以了。 } });
cd.setButton(1, “取消”, new IDialog.ClickedListener() {
@Override
public void onClick(IDialog iDialog, int i) { //销毁弹框
cd.destroy(); }
}); //把弹框显示出来
cd.show(); }

自定义样式

用户也可以通过自定义样式来实现自己想要的对话框效果。调用setTitleCustomComponent方法和setContentCustomComponent方法来实现标题区域或内容区域的自定义效果。

在Project窗口，打开“entry > src > main > resources > base > media”，添加所需图片至media文件夹下，本例以“transparent_bg.JPG”为例。
在Project窗口，点击“entry > src > main > resources > base > layout”，右键选择“New > Layout Resource File”，命名为“layout_custom_dialog”，单击回车键。示例代码如下：

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

<Text
ohos:id=“ $id:custom\_title" ohos:height="match\_content" ohos:width="match\_content" ohos:horizontal\_center="true" ohos:margin="8vp" ohos:padding="8vp" ohos:text="TITLE" ohos:text\_size="16fp"/> <Image ohos:id="$ +id:custom_img”
ohos:height=“150vp”
ohos:width=“280vp”
ohos:below=“ $id:custom\_title" ohos:horizontal\_center="true" ohos:image\_src="$ media:transparent_bg”
ohos:clip_alignment=“center”/>
<Button
ohos:height=“match_content”
ohos:width=“match_parent”
ohos:background_element=“#FF9912”
ohos:below=“$id:custom_img”
ohos:margin=“8vp”