51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件 原创 精华

软通田可辉
发布于 2021-6-22 15:47
3.1w浏览
24收藏
加载失败
最新收录于
软通动力OpenHarmony学院
查看专栏

【软通动力】HarmonyOS三方件开发指南自一月份上线以来，已经连续更新了十九期了。今天所发这篇文章将作为三方件开发指南第一期的收官之作。我庆幸社区有这么多志同道合的开发者们关注我的文章，关于三方件的讲解或许对你有所帮助，或许你有更好的建议或想法，都可以来告诉我们。
HarmonyOS的未来是强大的，因为我们广大开发者是强大的，是自信的，我也祝福各位开发者们立“鸿”鹄之志，逐梦未来！

 

【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区

 

Dialog组件功能介绍

功能介绍

Dialog组件是一个显示不同风格的自定义对话框组件，目前支持十一种风格的显示。

模拟器上运行效果【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区

【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区

【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区

 Dialog使用方法

新建工程，增加组件Har包依赖

在应用模块中添加HAR，只需要将dialoglibrary-debug.har复制到entry\libs目录下即可（由于build.gradle中已经依赖的libs目录下的*.har，因此不需要在做修改）。

修改配置文件

在entry下面的build.gradle添加library 的依赖

【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区

在代码中使用

show alert dialog

  configBean = StyledDialog.buildMdAlert(getContext(), "提示", "确定退出？", new MyDialogListener() {
    @Override
    public void positiveButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;
    }

    @Override
    public void negativeButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;
    }
});
configBean.commonDialog.show();
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.

show input dialog

configBean = StyledDialog.buildNormalInput(getContext(), "请输入您的昵称", "长度0-20", new MyDialogListener() {

    @Override
    public void positiveButton() {
        //可对输入内容进行校验
        configBean.getInputText1();
        configBean.commonDialog.hide();
        configBean.commonDialog = null;
    }

    @Override
    public void negativeButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;
    }
});
configBean.commonDialog.show();
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.

show single choose dialog

CharSequence[] words = {"身份证", "手机", "钥匙", "钱包"};
boolean[] selectItems = {true, false, false, false};

ArrayList<ChooseBean> list = new ArrayList<>();
for (int i = 0; i < words.length; i++) {
    ChooseBean chooseBean = new ChooseBean();
    chooseBean.setTxt(words[i]);
    chooseBean.setChoosen(selectItems[i]);
    list.add(chooseBean);
}
configBean = StyledDialog.buildMdSingleChoose(getContext(), "单选", list, new MyItemDialogListener() {
    @Override
    public void onItemClick(CharSequence text, int position) {
        new ToastDialog(getContext()).setText(text.toString()).show();

    }

    @Override
    public void positiveButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;

    }

    @Override
    public void negativeButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;
    }
});
configBean.commonDialog.show();
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.

show multi choose dialog

CharSequence[] words = {"A.apple", "B.bananer", "C.pear", "D.milk"};
boolean[] checkedItems = {false, false, false, false};

ArrayList<ChooseBean> list = new ArrayList<>();
for (int i = 0; i < words.length; i++) {
    ChooseBean chooseBean = new ChooseBean();
    chooseBean.setTxt(words[i]);
    chooseBean.setChoosen(checkedItems[i]);
    list.add(chooseBean);
}
configBean = StyledDialog.buildMdMultiChoose(getContext(), "多选", list,
        new MyCheckBoxItemDialogListener() {
    @Override
    public void onItemClick(Checkbox checkbox, int position) {
        checkedItems[position] = checkbox.isChecked();
    }

    @Override
    public void positiveButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;

    }

    @Override
    public void negativeButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;
    }
});
configBean.commonDialog.show();
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.

show ios alert dialog

configBean = StyledDialog.buildMdIOSAlert(getContext(), "提示", "确定退出？", new MyDialogListener() {
    @Override
    public void positiveButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;

    }

    @Override
    public void negativeButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;
    }
});


configBean.commonDialog.show();

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.

show ios vertical alert dialog

configBean = StyledDialog.buildMdIOSAlertVertical(getContext(), "提示", "确定退出？", new MyDialogListener() {
    @Override
    public void positiveButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;

    }

    @Override
    public void negativeButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;
    }
});


configBean.commonDialog.show();
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.

show two input dialog

configBean = StyledDialog.buildTwoInput(getContext(), "登录", "请输入用户名","请输入密码", new MyDialogListener() {

    @Override
    public void positiveButton() {
        //可对输入内容进行校验
        configBean.getInputText1();
        configBean.getInputText2();
        configBean.commonDialog.hide();
        configBean.commonDialog = null;
    }

    @Override
    public void negativeButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;
    }
});
configBean.commonDialog.show();

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.

show list dialog

CharSequence[] words = {"身份证", "手机", "钥匙", "钱包"};
boolean[] selectItems = {true, false, false, false};

ArrayList<ChooseBean> list = new ArrayList<>();
for (int i = 0; i < words.length; i++) {
    ChooseBean chooseBean = new ChooseBean();
    chooseBean.setTxt(words[i]);
    chooseBean.setChoosen(selectItems[i]);
    list.add(chooseBean);
}
configBean = StyledDialog.buildMdIOSSingleChoose(getContext(), list, new MyItemDialogListener() {
    @Override
    public void onItemClick(CharSequence text, int position) {
        new ToastDialog(getContext()).setText(text.toString()).show();

    }

    @Override
    public void positiveButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;

    }

    @Override
    public void negativeButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;
    }
});
configBean.commonDialog.show();

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.

show bottom button list dialog

CharSequence[] words = {"身份证", "手机", "钥匙", "钱包"};
boolean[] selectItems = {true, false, false, false};

ArrayList<ChooseBean> list = new ArrayList<>();
for (int i = 0; i < words.length; i++) {
    ChooseBean chooseBean = new ChooseBean();
    chooseBean.setTxt(words[i]);
    chooseBean.setChoosen(selectItems[i]);
    list.add(chooseBean);
}
configBean = StyledDialog.buildMdIOSBottomSingleChoose(getContext(), list, new MyItemDialogListener() {
    @Override
    public void onItemClick(CharSequence text, int position) {
        new ToastDialog(getContext()).setText(text.toString()).show();

    }

    @Override
    public void positiveButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;

    }

    @Override
    public void negativeButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;
    }
});
configBean.commonDialog.show();
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.

show bottom list dialog

CharSequence[] words = {"身份证", "手机", "钥匙", "钱包"};
boolean[] selectItems = {true, false, false, false};

ArrayList<ChooseBean> list = new ArrayList<>();
for (int i = 0; i < words.length; i++) {
    ChooseBean chooseBean = new ChooseBean();
    chooseBean.setTxt(words[i]);
    chooseBean.setChoosen(selectItems[i]);
    list.add(chooseBean);
}
configBean = StyledDialog.buildMdIOSList(getContext(), list, new MyItemDialogListener() {
    @Override
    public void onItemClick(CharSequence text, int position) {
        new ToastDialog(getContext()).setText(text.toString()).show();

    }

    @Override
    public void positiveButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;

    }

    @Override
    public void negativeButton() {
        configBean.commonDialog.hide();
        configBean.commonDialog = null;
    }
});
configBean.commonDialog.show();
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.

Menudialog

configBean = StyledDialog.buildMdSingleMenuChoose(getContext(), list, 100, 100, 400,650,new MyItemDialogListener() {
                @Override
                public void onItemClick(CharSequence text, int position) {
//                    new ToastDialog(getContext()).setText(text.toString()).show();

                }

                @Override
                public void positiveButton() {
                    configBean.commonDialog.hide();
                    configBean.commonDialog = null;

                }

                @Override
                public void negativeButton() {
                    configBean.commonDialog.hide();
                    configBean.commonDialog = null;
                }
            });
            configBean.commonDialog.show();

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.

Dialog开发实现

新建一个Module

新建一个Module，类型选择HarmonyOS Library，模块名为dialoglibrary，如图

【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区

实现类

新建一个StyleDialog类，添加静态方法，代码如下：

/**
 * @param context  context
 * @param title    对话框的title
 * @param msg      对话框的提示信息
 * @param listener 对话框 ok 和 cancle 的点击监听事件
 * @return configbean
 */
public static ConfigBean buildMdAlert(Context context, CharSequence title, CharSequence msg,
                                      MyDialogListener listener) {
    return DialogAssigner.getInstance().assignMdAlert(context, title, msg, listener);
}

/**
 * @param context  context
 * @param title    对话框的title
 * @param list     list
 * @param listener 单项的item 和ok cancle 的点击事件的监听
 * @return configbean
 */
public static ConfigBean buildMdSingleChoose(Context context, CharSequence title, ArrayList<ChooseBean> list,
                                             MyItemDialogListener listener) {
    return DialogAssigner.getInstance().assignMdSingleChoose(context, title, list, listener);
}

/**
 * @param context     context
 * @param title       对话框的title
 * @param list        list
 * @param btnListener ok cancle 的点击监听事件
 * @return configbean
 */
public static ConfigBean buildMdMultiChoose(Context context, CharSequence title, ArrayList<ChooseBean> list,
                                            MyCheckBoxItemDialogListener btnListener) {
    return DialogAssigner.getInstance().assignMdMultiChoose(context, title, list, btnListener);
}

/**
 * @param context  context
 * @param title    对话框的title
 * @param hint1    输入框的hint 文字提示信息
 * @param listener ok cancle 的点击监听事件
 * @return configbean
 */
public static ConfigBean buildNormalInput(Context context, CharSequence title, CharSequence hint1,
                                          MyDialogListener listener) {
    return DialogAssigner.getInstance().assignNormalInput(context, title, hint1, listener);
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.

新建DialogAssigner implements Assignable，代码如下：

/**
 *
 */
private static DialogAssigner instance;

/**
 *
 */
private DialogAssigner() {

}

/**
 *
 */
public static DialogAssigner getInstance() {
    if (instance == null) {
        instance = new DialogAssigner();
    }
    return instance;
}


@Override
public ConfigBean assignMdAlert(Context context, CharSequence title, CharSequence msg, MyDialogListener listener) {

    ConfigBean bean = new ConfigBean();
    bean.context = context;

    bean.msg = msg;
    bean.title = title;
    bean.listener = listener;
    bean.type = DefaultConfig.ALERT_DIALOG;
    bean.buildByType(bean);
    return bean;
}

@Override
public ConfigBean assignNormalInput(Context context, CharSequence title, CharSequence hint1,
                                    MyDialogListener listener) {
    ConfigBean bean = new ConfigBean();
    bean.context = context;
    bean.listener = listener;
    bean.title = title;
    bean.hint1 = hint1;
    bean.type = DefaultConfig.INPUT_DIALOG;
    bean.buildByType(bean);
    return bean;
}

@Override
public ConfigBean assignMdSingleChoose(Context context, CharSequence title, ArrayList<ChooseBean> list,
                                       MyItemDialogListener listener) {
    ConfigBean bean = new ConfigBean();
    bean.context = context;
    bean.title = title;
    bean.itemListener = listener;
    bean.type = DefaultConfig.SINGLE_DIALOG;
    bean.chooseBeans.addAll(list);
    bean.buildByType(bean);
    return bean;
}

@Override
public ConfigBean assignMdMultiChoose(Context context, CharSequence title, ArrayList<ChooseBean> list,
                                      MyCheckBoxItemDialogListener checkboxListener) {
    ConfigBean bean = new ConfigBean();
    bean.context = context;
    bean.msg = title;
    bean.title = title;
    bean.checkBoxItemDialogListener = checkboxListener;
    bean.type = DefaultConfig.MULTI_DIALOG;
    bean.chooseBeans.addAll(list);
    bean.buildByType(bean);

    return bean;
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.

新建MyDialogBuilder，实现不同dialog的生成

/**
 * 根据dialog类型，生成不同类型的dialog
 *
 * @param bean bean
 * @return configbean
 */
public ConfigBean buildByType(ConfigBean bean) {

    switch (bean.type) {
        case DefaultConfig.ALERT_DIALOG:
            buildMdAlert(bean);

            break;
        case DefaultConfig.INPUT_DIALOG:
            buildMdInput(bean);

            break;
        case DefaultConfig.SINGLE_DIALOG:
            buildMdSingleChoose(bean);

            break;
        case DefaultConfig.MULTI_DIALOG:
            buildMdMultiChoose(bean);
            break;
        default:
            break;
    }
    return bean;
}

/**
 * 生成alert dialog
 *
 * @param bean bean
 * @return ConfigBean
 */
protected ConfigBean buildMdAlert(final ConfigBean bean) {
    CommonDialog commonDialog = new CommonDialog(bean.context);
    Component component = LayoutScatter.getInstance(bean.context).parse(ResourceTable.Layout_alert_dialog_layout,
            null, false);
    commonDialog.setContentCustomComponent(component);
    commonDialog.setTransparent(true);
    Text titleTV = (Text) component.findComponentById(ResourceTable.Id_alert_dialog_title);
    titleTV.setText(bean.title.toString());
    Text messageTV = (Text) component.findComponentById(ResourceTable.Id_alert_dialog_message);
    messageTV.setText(bean.msg.toString());
    Button ok = (Button) component.findComponentById(ResourceTable.Id_alert_dialog_ok);
    ok.setClickedListener(component1 -> {
        bean.listener.positiveButton();
    });
    Button cancle = (Button) component.findComponentById(ResourceTable.Id_alert_dialog_cancle);
    cancle.setClickedListener(component1 -> {
        bean.listener.negativeButton();
    });
    bean.commonDialog = commonDialog;
    return bean;
}

/**
 * 生成input dialog
 *
 * @param bean bean
 * @return ConfigBean
 */
protected ConfigBean buildMdInput(final ConfigBean bean) {

    CommonDialog commonDialog = new CommonDialog(bean.context);
    Component component =
            LayoutScatter.getInstance(bean.context).parse(ResourceTable.Layout_input_dialog_layout, null,
                    false);
    commonDialog.setContentCustomComponent(component);
    commonDialog.setTransparent(true);
    Text titleTV = (Text) component.findComponentById(ResourceTable.Id_input_dialog_title);
    titleTV.setText(bean.title.toString());
    TextField messageTV = (TextField) component.findComponentById(ResourceTable.Id_input_dialog_text_field);
    messageTV.setHint(bean.hint1.toString());
    Button ok = (Button) component.findComponentById(ResourceTable.Id_input_dialog_ok2);
    ok.setClickedListener(component1 -> {
        bean.listener.positiveButton();
    });
    Button cancle = (Button) component.findComponentById(ResourceTable.Id_input_dialog_cancle);
    cancle.setClickedListener(component1 -> {
        bean.listener.negativeButton();
    });
    bean.commonDialog = commonDialog;
    return bean;
}

/**
 * 生成单选dialog
 *
 * @param bean bean
 * @return ConfigBean
 */
protected ConfigBean buildMdSingleChoose(final ConfigBean bean) {
    CommonDialog commonDialog = new CommonDialog(bean.context);
    Component component =
            LayoutScatter.getInstance(bean.context).parse(ResourceTable.Layout_single_choose_dialog_layout, null,
                    false);
    commonDialog.setTransparent(true);
    Text titleTv = (Text) component.findComponentById(ResourceTable.Id_single_dialog_title);
    titleTv.setText(bean.title.toString());
    RadioContainer radioContainer = (RadioContainer) component.findComponentById(ResourceTable.Id_radio_container);
    Resource selectResource = null;
    Resource emptyResource = null;
    try {
        selectResource = bean.context.getResourceManager().getResource(ResourceTable.Media_select);
        emptyResource = bean.context.getResourceManager().getResource(ResourceTable.Media_unselect);
    } catch (IOException e) {
        e.printStackTrace();
    } catch (NotExistException e) {
        e.printStackTrace();
    }

    PixelMapElement selectElement = new PixelMapElement(selectResource);
    PixelMapElement emptyElement = new PixelMapElement(emptyResource);

    for (int i = 0; i < bean.chooseBeans.size(); i++) {
        ChooseBean chooseBean = bean.chooseBeans.get(i);
        RadioButton radioButton = new RadioButton(bean.context);
        radioButton.setWidth(ComponentContainer.LayoutConfig.MATCH_CONTENT);
        radioButton.setHeight(150);
        radioButton.setTextSize(50);
        radioButton.setText(chooseBean.getTxt().toString());
        radioButton.setButtonElement(null);
        if (chooseBean.isChoosen()) {
            radioButton.setSelected(true);
        } else {
            radioButton.setSelected(false);
        }
        StateElement checkElement = new StateElement();
        checkElement.addState(new int[]{ComponentState.COMPONENT_STATE_SELECTED}, selectElement);
        checkElement.addState(new int[]{ComponentState.COMPONENT_STATE_EMPTY}, emptyElement);
        radioButton.setAroundElements(checkElement, null, null, null);
        radioContainer.addComponent(radioButton);
    }
    radioContainer.setMarkChangedListener(new RadioContainer.CheckedStateChangedListener() {
        @Override
        public void onCheckedChanged(RadioContainer r, int i) {
            for (int j = 0; j < bean.chooseBeans.size(); j++) {
                RadioButton radioButton1 = (RadioButton) r.getComponentAt(j);
                if (j == i) {
                    radioButton1.setSelected(true);
                    bean.itemListener.onItemClick(bean.chooseBeans.get(i).getTxt(), i);
                } else {
                    radioButton1.setSelected(false);
                }
            }
        }
    });

    Button ok = (Button) component.findComponentById(ResourceTable.Id_single_dialog_ok);
    ok.setClickedListener(component1 -> {
        bean.itemListener.positiveButton();
    });
    Button cancle = (Button) component.findComponentById(ResourceTable.Id_single_dialog_cancle);
    cancle.setClickedListener(component1 -> {
        bean.itemListener.negativeButton();
    });

    component.invalidate();
    commonDialog.setContentCustomComponent(component);
    bean.commonDialog = commonDialog;


    return bean;
}

/**
 * 生成多选dialog
 *
 * @param bean bean
 * @return ConfigBean
 */
protected ConfigBean buildMdMultiChoose(final ConfigBean bean) {
    CommonDialog commonDialog = new CommonDialog(bean.context);
    Component component =
            LayoutScatter.getInstance(bean.context).parse(ResourceTable.Layout_multi_choose_dialog_layout, null,
                    false);

    commonDialog.setTransparent(true);
    DirectionalLayout layout = (DirectionalLayout) component.findComponentById(ResourceTable.Id_checkbox_layout);
    Resource selectResource = null;
    Resource emptyResource = null;
    try {
        selectResource = bean.context.getResourceManager().getResource(ResourceTable.Media_checkbox_select);
        emptyResource = bean.context.getResourceManager().getResource(ResourceTable.Media_checkbox_unselect);
    } catch (IOException e) {
        e.printStackTrace();
    } catch (NotExistException e) {
        e.printStackTrace();
    }

    PixelMapElement selectElement = new PixelMapElement(selectResource);
    PixelMapElement emptyElement = new PixelMapElement(emptyResource);

    for (int i = 0; i < bean.chooseBeans.size(); i++) {
        ChooseBean chooseBean = bean.chooseBeans.get(i);
        Checkbox checkbox = new Checkbox(bean.context);
        checkbox.setWidth(ComponentContainer.LayoutConfig.MATCH_CONTENT);
        checkbox.setHeight(150);
        checkbox.setTextSize(50);
        checkbox.setText(chooseBean.getTxt().toString());

        if (chooseBean.isChoosen()) {
            checkbox.setChecked(true);

        } else {
            checkbox.setChecked(false);
        }

        checkbox.setButtonElement(null);
        checkbox.setTag(i);

        StateElement checkElement = new StateElement();
        checkElement.addState(new int[]{ComponentState.COMPONENT_STATE_CHECKED}, selectElement);
        checkElement.addState(new int[]{ComponentState.COMPONENT_STATE_EMPTY}, emptyElement);
        checkbox.setAroundElements(checkElement, null, null, null);
        checkbox.setCheckedStateChangedListener((absButton, state) -> {
            absButton.setChecked(state);

            absButton.setAroundElements(checkElement, null, null, null);
            bean.checkBoxItemDialogListener.onItemClick((Checkbox) absButton, (int) absButton.getTag());
        });

        layout.addComponent(checkbox);
    }

    Button ok = (Button) component.findComponentById(ResourceTable.Id_multi_dialog_ok);
    ok.setClickedListener(component1 -> {
        bean.checkBoxItemDialogListener.positiveButton();
    });
    Button cancle = (Button) component.findComponentById(ResourceTable.Id_multi_dialog_cancle);
    cancle.setClickedListener(component1 -> {
        bean.checkBoxItemDialogListener.negativeButton();
    });
    component.invalidate();
    commonDialog.setContentCustomComponent(component);
    bean.commonDialog = commonDialog;
    return bean;
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 92.
  • 93.
  • 94.
  • 95.
  • 96.
  • 97.
  • 98.
  • 99.
  • 100.
  • 101.
  • 102.
  • 103.
  • 104.
  • 105.
  • 106.
  • 107.
  • 108.
  • 109.
  • 110.
  • 111.
  • 112.
  • 113.
  • 114.
  • 115.
  • 116.
  • 117.
  • 118.
  • 119.
  • 120.
  • 121.
  • 122.
  • 123.
  • 124.
  • 125.
  • 126.
  • 127.
  • 128.
  • 129.
  • 130.
  • 131.
  • 132.
  • 133.
  • 134.
  • 135.
  • 136.
  • 137.
  • 138.
  • 139.
  • 140.
  • 141.
  • 142.
  • 143.
  • 144.
  • 145.
  • 146.
  • 147.
  • 148.
  • 149.
  • 150.
  • 151.
  • 152.
  • 153.
  • 154.
  • 155.
  • 156.
  • 157.
  • 158.
  • 159.
  • 160.
  • 161.
  • 162.
  • 163.
  • 164.
  • 165.
  • 166.
  • 167.
  • 168.
  • 169.
  • 170.
  • 171.
  • 172.
  • 173.
  • 174.
  • 175.
  • 176.
  • 177.
  • 178.
  • 179.
  • 180.
  • 181.
  • 182.
  • 183.
  • 184.
  • 185.
  • 186.
  • 187.
  • 188.
  • 189.
  • 190.
  • 191.
  • 192.
  • 193.
  • 194.
  • 195.
  • 196.
  • 197.
  • 198.
  • 199.
  • 200.
  • 201.
  • 202.
  • 203.
  • 204.
  • 205.
  • 206.
  • 207.
  • 208.
  • 209.
  • 210.
  • 211.
  • 212.
  • 213.
  • 214.
  • 215.
  • 216.
  • 217.
  • 218.
  • 219.
  • 220.
  • 221.
  • 222.
  • 223.
  • 224.
  • 225.
  • 226.
  • 227.
  • 228.
  • 229.
  • 230.
  • 231.
  • 232.
  • 233.
  • 234.
  • 235.
  • 236.
  • 237.
  • 238.
  • 239.
  • 240.
  • 241.

新建监听接口MyDialogListener、MyItemDialogListener、MyCheckBoxItemDialogListener

编译HAR包

利用Gradle可以将HarmonyOS Library库模块构建为HAR包，构建HAR包的方法如下：

在Gradle构建任务中，双击PackageDebugHar或PackageReleaseHar任务，构建Debug类型或Release类型的HAR。

待构建任务完成后，可以在工程目录中的styledialog> bulid > outputs > har目录中，获取生成的HAR包。

【软通动力】HarmonyOS三方件开发指南(20)-Dialog组件-鸿蒙开发者社区

更多原创，请关注：软通动力HarmonyOS学院https://harmonyos.51cto.com/column/30

©著作权归作者所有，如需转载，请注明出处，否则将追究法律责任
分类
HarmonyOS
三方库
IDE
标签
软通动力
HarmonyOS
三方件
已于2021-6-22 15:47:21修改
赞 25
收藏 24
回复
举报
25
15
24
15条回复
按时间正序
/
按时间倒序
软通小精灵
软通小精灵

立“鸿”鹄之志，逐梦未来！

1
回复
2021-6-22 16:21:40
Anzia
Anzia

《三方件开发指南第一期》完结撒花！

回复
2021-6-22 16:24:21
软通动力鸿蒙
软通动力鸿蒙

期待田老师下一期的更新。

回复
2021-6-22 16:25:29
芒果爱学习
芒果爱学习

感谢田老师笔耕不辍

回复
2021-6-22 16:30:51
芳芳爱学习
芳芳爱学习

田老师加油

回复
2021-6-22 16:48:52
可可学鸿蒙
可可学鸿蒙

田老师加油

回复
2021-6-22 16:56:05
顾自由
顾自由

感谢老师分享，期待下次遇见哈

回复
2021-6-22 17:09:39
软通田可辉
软通田可辉 回复了 Anzia
《三方件开发指南第一期》完结撒花！

感谢长期以往的支持

回复
2021-6-22 17:11:47
软通动力HOS
软通动力HOS

感谢田老师对软通HarmonyOS三方件指南方面作出的贡献

回复
2021-6-23 09:06:29
亮亮大叔
亮亮大叔

感谢田老师分享

回复
2021-6-23 16:37:44
baby_006
baby_006

反手就是一个赞

回复
2021-6-23 18:53:23
软通田可辉
软通田可辉 回复了 baby_006
反手就是一个赞

感谢支持

回复
2021-6-24 09:03:39
一个臭屁工程师
一个臭屁工程师

老师，这个我没太懂，例如我想用这个dialog组件，我该如何引入依赖？

回复
2021-8-13 16:54:20
DevAng_lee
DevAng_lee

这个组件点击空白处会消失，而且没有办法设置

回复
2021-8-16 20:21:21
chaoxiaoshu
chaoxiaoshu

感谢老师分享三方件的实现方法

回复
2021-8-17 15:21:51


回复
    相关推荐
    软通田可辉
    这个用户很懒，还没有个人简介
    帖子
    视频
    声望
    粉丝
    最近发布
    热门推荐
    【有奖互动活动】# HarmonyOS 连接·突破# 我在现场活动​ 96回复
    #HarmonyOS连接·突破# 问题征集活动 40回复
    鸿蒙Flutter开发知识地图 0回复
    鸿蒙性能优化之卡顿优化 1回复
    待到山花烂漫时：鸿蒙开发者的个人感悟 1回复
    相关问题
    HarmonyOS WiFi开发指南 1回答
    HarmonyOS 云函数官方文档介绍以及开发指南 1回答
    三方相机预览demo开发 1回答
    HarmonyOS 三方库是否可以离线开发？ 1回答
    HarmonyOS C++工程 导入外部so 有开发指南吗？ 1回答
    社区精华内容