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

鸿蒙HarmonyOS三方件开发指南(20)-Dialog组件

作者：软通田可辉
开发 前端 OpenHarmony
Dialog组件是一个显示不同风格的自定义对话框组件，目前支持十一种风格的显示。

[[407820]]

想了解更多内容，请访问：

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com

HarmonyOS三方件开发指南自一月份上线以来，已经连续更新了十九期了。今天所发这篇文章将作为三方件开发指南第一期的收官之作。我庆幸社区有这么多志同道合的开发者们关注我的文章，关于三方件的讲解或许对你有所帮助，或许你有更好的建议或想法，都可以来告诉我们。

HarmonyOS的未来是强大的，因为我们广大开发者是强大的，是自信的，我也祝福各位开发者们立“鸿”鹄之志，逐梦未来!

Dialog组件功能介绍

功能介绍

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

模拟器上运行效果

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

Dialog使用方法

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

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

修改配置文件

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

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

在代码中使用

  1.   configBean = StyledDialog.buildMdAlert(getContext(), "提示", "确定退出？", new MyDialogListener() { 
  2.     @Override 
  3.     public void positiveButton() { 
  4.         configBean.commonDialog.hide(); 
  5.         configBean.commonDialog = null; 
  6.     } 
  7.  
  8.     @Override 
  9.     public void negativeButton() { 
  10.         configBean.commonDialog.hide(); 
  11.         configBean.commonDialog = null; 
  12.     } 
  13. }); 
  14. configBean.commonDialog.show(); 

 show input dialog

  1. configBean = StyledDialog.buildNormalInput(getContext(), "请输入您的昵称", "长度0-20", new MyDialogListener() { 
  2.  
  3.     @Override 
  4.     public void positiveButton() { 
  5.         //可对输入内容进行校验 
  6.         configBean.getInputText1(); 
  7.         configBean.commonDialog.hide(); 
  8.         configBean.commonDialog = null; 
  9.     } 
  10.  
  11.     @Override 
  12.     public void negativeButton() { 
  13.         configBean.commonDialog.hide(); 
  14.         configBean.commonDialog = null; 
  15.     } 
  16. }); 
  17. configBean.commonDialog.show(); 

show single choose dialog

  1. CharSequence[] words = {"身份证", "手机", "钥匙", "钱包"}; 
  2. boolean[] selectItems = {true, false, false, false}; 
  3.  
  4. ArrayList<ChooseBean> list = new ArrayList<>(); 
  5. for (int i = 0; i < words.length; i++) { 
  6.     ChooseBean chooseBean = new ChooseBean(); 
  7.     chooseBean.setTxt(words[i]); 
  8.     chooseBean.setChoosen(selectItems[i]); 
  9.     list.add(chooseBean); 
  10. } 
  11. configBean = StyledDialog.buildMdSingleChoose(getContext(), "单选", list, new MyItemDialogListener() { 
  12.     @Override 
  13.     public void onItemClick(CharSequence text, int position) { 
  14.         new ToastDialog(getContext()).setText(text.toString()).show(); 
  15.  
  16.     } 
  17.  
  18.     @Override 
  19.     public void positiveButton() { 
  20.         configBean.commonDialog.hide(); 
  21.         configBean.commonDialog = null; 
  22.  
  23.     } 
  24.  
  25.     @Override 
  26.     public void negativeButton() { 
  27.         configBean.commonDialog.hide(); 
  28.         configBean.commonDialog = null; 
  29.     } 
  30. }); 
  31. configBean.commonDialog.show(); 

show multi choose dialog

  1. CharSequence[] words = {"A.apple", "B.bananer", "C.pear", "D.milk"}; 
  2. boolean[] checkedItems = {false, false, false, false}; 
  3.  
  4. ArrayList<ChooseBean> list = new ArrayList<>(); 
  5. for (int i = 0; i < words.length; i++) { 
  6.     ChooseBean chooseBean = new ChooseBean(); 
  7.     chooseBean.setTxt(words[i]); 
  8.     chooseBean.setChoosen(checkedItems[i]); 
  9.     list.add(chooseBean); 
  10. } 
  11. configBean = StyledDialog.buildMdMultiChoose(getContext(), "多选", list, 
  12.         new MyCheckBoxItemDialogListener() { 
  13.     @Override 
  14.     public void onItemClick(Checkbox checkbox, int position) { 
  15.         checkedItems[position] = checkbox.isChecked(); 
  16.     } 
  17.  
  18.     @Override 
  19.     public void positiveButton() { 
  20.         configBean.commonDialog.hide(); 
  21.         configBean.commonDialog = null; 
  22.  
  23.     } 
  24.  
  25.     @Override 
  26.     public void negativeButton() { 
  27.         configBean.commonDialog.hide(); 
  28.         configBean.commonDialog = null; 
  29.     } 
  30. }); 
  31. configBean.commonDialog.show(); 

show ios alert dialog

  1. configBean = StyledDialog.buildMdIOSAlert(getContext(), "提示", "确定退出？", new MyDialogListener() { 
  2.     @Override 
  3.     public void positiveButton() { 
  4.         configBean.commonDialog.hide(); 
  5.         configBean.commonDialog = null; 
  6.  
  7.     } 
  8.  
  9.     @Override 
  10.     public void negativeButton() { 
  11.         configBean.commonDialog.hide(); 
  12.         configBean.commonDialog = null; 
  13.     } 
  14. }); 
  15.  
  16.  
  17. configBean.commonDialog.show(); 

show ios vertical alert dialog

  1. configBean = StyledDialog.buildMdIOSAlertVertical(getContext(), "提示", "确定退出？", new MyDialogListener() { 
  2.     @Override 
  3.     public void positiveButton() { 
  4.         configBean.commonDialog.hide(); 
  5.         configBean.commonDialog = null; 
  6.  
  7.     } 
  8.  
  9.     @Override 
  10.     public void negativeButton() { 
  11.         configBean.commonDialog.hide(); 
  12.         configBean.commonDialog = null; 
  13.     } 
  14. }); 
  15.  
  16.  
  17. configBean.commonDialog.show(); 

show two input dialog

  1. configBean = StyledDialog.buildTwoInput(getContext(), "登录", "请输入用户名","请输入密码", new MyDialogListener() { 
  2.  
  3.     @Override 
  4.     public void positiveButton() { 
  5.         //可对输入内容进行校验 
  6.         configBean.getInputText1(); 
  7.         configBean.getInputText2(); 
  8.         configBean.commonDialog.hide(); 
  9.         configBean.commonDialog = null; 
  10.     } 
  11.  
  12.     @Override 
  13.     public void negativeButton() { 
  14.         configBean.commonDialog.hide(); 
  15.         configBean.commonDialog = null; 
  16.     } 
  17. }); 
  18. configBean.commonDialog.show(); 

 show list dialog

  1. CharSequence[] words = {"身份证", "手机", "钥匙", "钱包"}; 
  2. boolean[] selectItems = {true, false, false, false}; 
  3.  
  4. ArrayList<ChooseBean> list = new ArrayList<>(); 
  5. for (int i = 0; i < words.length; i++) { 
  6.     ChooseBean chooseBean = new ChooseBean(); 
  7.     chooseBean.setTxt(words[i]); 
  8.     chooseBean.setChoosen(selectItems[i]); 
  9.     list.add(chooseBean); 
  10. } 
  11. configBean = StyledDialog.buildMdIOSSingleChoose(getContext(), list, new MyItemDialogListener() { 
  12.     @Override 
  13.     public void onItemClick(CharSequence text, int position) { 
  14.         new ToastDialog(getContext()).setText(text.toString()).show(); 
  15.  
  16.     } 
  17.  
  18.     @Override 
  19.     public void positiveButton() { 
  20.         configBean.commonDialog.hide(); 
  21.         configBean.commonDialog = null; 
  22.  
  23.     } 
  24.  
  25.     @Override 
  26.     public void negativeButton() { 
  27.         configBean.commonDialog.hide(); 
  28.         configBean.commonDialog = null; 
  29.     } 
  30. }); 
  31. configBean.commonDialog.show(); 

show bottom button list dialog

  1. CharSequence[] words = {"身份证", "手机", "钥匙", "钱包"}; 
  2. boolean[] selectItems = {true, false, false, false}; 
  3.  
  4. ArrayList<ChooseBean> list = new ArrayList<>(); 
  5. for (int i = 0; i < words.length; i++) { 
  6.     ChooseBean chooseBean = new ChooseBean(); 
  7.     chooseBean.setTxt(words[i]); 
  8.     chooseBean.setChoosen(selectItems[i]); 
  9.     list.add(chooseBean); 
  10. } 
  11. configBean = StyledDialog.buildMdIOSBottomSingleChoose(getContext(), list, new MyItemDialogListener() { 
  12.     @Override 
  13.     public void onItemClick(CharSequence text, int position) { 
  14.         new ToastDialog(getContext()).setText(text.toString()).show(); 
  15.  
  16.     } 
  17.  
  18.     @Override 
  19.     public void positiveButton() { 
  20.         configBean.commonDialog.hide(); 
  21.         configBean.commonDialog = null; 
  22.  
  23.     } 
  24.  
  25.     @Override 
  26.     public void negativeButton() { 
  27.         configBean.commonDialog.hide(); 
  28.         configBean.commonDialog = null; 
  29.     } 
  30. }); 
  31. configBean.commonDialog.show(); 

show bottom list dialog

  1. CharSequence[] words = {"身份证", "手机", "钥匙", "钱包"}; 
  2. boolean[] selectItems = {true, false, false, false}; 
  3.  
  4. ArrayList<ChooseBean> list = new ArrayList<>(); 
  5. for (int i = 0; i < words.length; i++) { 
  6.     ChooseBean chooseBean = new ChooseBean(); 
  7.     chooseBean.setTxt(words[i]); 
  8.     chooseBean.setChoosen(selectItems[i]); 
  9.     list.add(chooseBean); 
  10. } 
  11. configBean = StyledDialog.buildMdIOSList(getContext(), list, new MyItemDialogListener() { 
  12.     @Override 
  13.     public void onItemClick(CharSequence text, int position) { 
  14.         new ToastDialog(getContext()).setText(text.toString()).show(); 
  15.  
  16.     } 
  17.  
  18.     @Override 
  19.     public void positiveButton() { 
  20.         configBean.commonDialog.hide(); 
  21.         configBean.commonDialog = null; 
  22.  
  23.     } 
  24.  
  25.     @Override 
  26.     public void negativeButton() { 
  27.         configBean.commonDialog.hide(); 
  28.         configBean.commonDialog = null; 
  29.     } 
  30. }); 
  31. configBean.commonDialog.show(); 

Menudialog

  1. configBean = StyledDialog.buildMdSingleMenuChoose(getContext(), list, 100, 100, 400,650,new MyItemDialogListener() { 
  2.                 @Override 
  3.                 public void onItemClick(CharSequence text, int position) { 
  4. //                    new ToastDialog(getContext()).setText(text.toString()).show(); 
  5.  
  6.                 } 
  7.  
  8.                 @Override 
  9.                 public void positiveButton() { 
  10.                     configBean.commonDialog.hide(); 
  11.                     configBean.commonDialog = null; 
  12.  
  13.                 } 
  14.  
  15.                 @Override 
  16.                 public void negativeButton() { 
  17.                     configBean.commonDialog.hide(); 
  18.                     configBean.commonDialog = null; 
  19.                 } 
  20.             }); 
  21.             configBean.commonDialog.show(); 

Dialog开发实现

新建一个Module

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

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

实现类

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

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

新建DialogAssigner implements Assignable，代码如下：

  1. /** 
  2.  * 
  3.  */ 
  4. private static DialogAssigner instance; 
  5.  
  6. /** 
  7.  * 
  8.  */ 
  9. private DialogAssigner() { 
  10.  
  11. } 
  12.  
  13. /** 
  14.  * 
  15.  */ 
  16. public static DialogAssigner getInstance() { 
  17.     if (instance == null) { 
  18.         instance = new DialogAssigner(); 
  19.     } 
  20.     return instance; 
  21. } 
  22.  
  23.  
  24. @Override 
  25. public ConfigBean assignMdAlert(Context context, CharSequence title, CharSequence msg, MyDialogListener listener) { 
  26.  
  27.     ConfigBean bean = new ConfigBean(); 
  28.     bean.context = context; 
  29.  
  30.     bean.msg = msg; 
  31.     bean.title = title; 
  32.     bean.listener = listener; 
  33.     bean.type = DefaultConfig.ALERT_DIALOG; 
  34.     bean.buildByType(bean); 
  35.     return bean; 
  36. } 
  37.  
  38. @Override 
  39. public ConfigBean assignNormalInput(Context context, CharSequence title, CharSequence hint1, 
  40.                                     MyDialogListener listener) { 
  41.     ConfigBean bean = new ConfigBean(); 
  42.     bean.context = context; 
  43.     bean.listener = listener; 
  44.     bean.title = title; 
  45.     bean.hint1 = hint1; 
  46.     bean.type = DefaultConfig.INPUT_DIALOG; 
  47.     bean.buildByType(bean); 
  48.     return bean; 
  49. } 
  50.  
  51. @Override 
  52. public ConfigBean assignMdSingleChoose(Context context, CharSequence title, ArrayList<ChooseBean> list, 
  53.                                        MyItemDialogListener listener) { 
  54.     ConfigBean bean = new ConfigBean(); 
  55.     bean.context = context; 
  56.     bean.title = title; 
  57.     bean.itemListener = listener; 
  58.     bean.type = DefaultConfig.SINGLE_DIALOG; 
  59.     bean.chooseBeans.addAll(list); 
  60.     bean.buildByType(bean); 
  61.     return bean; 
  62. } 
  63.  
  64. @Override 
  65. public ConfigBean assignMdMultiChoose(Context context, CharSequence title, ArrayList<ChooseBean> list, 
  66.                                       MyCheckBoxItemDialogListener checkboxListener) { 
  67.     ConfigBean bean = new ConfigBean(); 
  68.     bean.context = context; 
  69.     bean.msg = title; 
  70.     bean.title = title; 
  71.     bean.checkBoxItemDialogListener = checkboxListener; 
  72.     bean.type = DefaultConfig.MULTI_DIALOG; 
  73.     bean.chooseBeans.addAll(list); 
  74.     bean.buildByType(bean); 
  75.  
  76.     return bean; 
  77. } 

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

  1. /** 
  2.  * 根据dialog类型，生成不同类型的dialog 
  3.  * 
  4.  * @param bean bean 
  5.  * @return configbean 
  6.  */ 
  7. public ConfigBean buildByType(ConfigBean bean) { 
  8.  
  9.     switch (bean.type) { 
  10.         case DefaultConfig.ALERT_DIALOG: 
  11.             buildMdAlert(bean); 
  12.  
  13.             break; 
  14.         case DefaultConfig.INPUT_DIALOG: 
  15.             buildMdInput(bean); 
  16.  
  17.             break; 
  18.         case DefaultConfig.SINGLE_DIALOG: 
  19.             buildMdSingleChoose(bean); 
  20.  
  21.             break; 
  22.         case DefaultConfig.MULTI_DIALOG: 
  23.             buildMdMultiChoose(bean); 
  24.             break; 
  25.         default: 
  26.             break; 
  27.     } 
  28.     return bean; 
  29. } 
  30.  
  31. /** 
  32.  * 生成alert dialog 
  33.  * 
  34.  * @param bean bean 
  35.  * @return ConfigBean 
  36.  */ 
  37. protected ConfigBean buildMdAlert(final ConfigBean bean) { 
  38.     CommonDialog commonDialog = new CommonDialog(bean.context); 
  39.     Component component = LayoutScatter.getInstance(bean.context).parse(ResourceTable.Layout_alert_dialog_layout, 
  40.             null, false); 
  41.     commonDialog.setContentCustomComponent(component); 
  42.     commonDialog.setTransparent(true); 
  43.     Text titleTV = (Text) component.findComponentById(ResourceTable.Id_alert_dialog_title); 
  44.     titleTV.setText(bean.title.toString()); 
  45.     Text messageTV = (Text) component.findComponentById(ResourceTable.Id_alert_dialog_message); 
  46.     messageTV.setText(bean.msg.toString()); 
  47.     Button ok = (Button) component.findComponentById(ResourceTable.Id_alert_dialog_ok); 
  48.     ok.setClickedListener(component1 -> { 
  49.         bean.listener.positiveButton(); 
  50.     }); 
  51.     Button cancle = (Button) component.findComponentById(ResourceTable.Id_alert_dialog_cancle); 
  52.     cancle.setClickedListener(component1 -> { 
  53.         bean.listener.negativeButton(); 
  54.     }); 
  55.     bean.commonDialog = commonDialog; 
  56.     return bean; 
  57. } 
  58.  
  59. /** 
  60.  * 生成input dialog 
  61.  * 
  62.  * @param bean bean 
  63.  * @return ConfigBean 
  64.  */ 
  65. protected ConfigBean buildMdInput(final ConfigBean bean) { 
  66.  
  67.     CommonDialog commonDialog = new CommonDialog(bean.context); 
  68.     Component component = 
  69.             LayoutScatter.getInstance(bean.context).parse(ResourceTable.Layout_input_dialog_layout, null, 
  70.                     false); 
  71.     commonDialog.setContentCustomComponent(component); 
  72.     commonDialog.setTransparent(true); 
  73.     Text titleTV = (Text) component.findComponentById(ResourceTable.Id_input_dialog_title); 
  74.     titleTV.setText(bean.title.toString()); 
  75.     TextField messageTV = (TextField) component.findComponentById(ResourceTable.Id_input_dialog_text_field); 
  76.     messageTV.setHint(bean.hint1.toString()); 
  77.     Button ok = (Button) component.findComponentById(ResourceTable.Id_input_dialog_ok2); 
  78.     ok.setClickedListener(component1 -> { 
  79.         bean.listener.positiveButton(); 
  80.     }); 
  81.     Button cancle = (Button) component.findComponentById(ResourceTable.Id_input_dialog_cancle); 
  82.     cancle.setClickedListener(component1 -> { 
  83.         bean.listener.negativeButton(); 
  84.     }); 
  85.     bean.commonDialog = commonDialog; 
  86.     return bean; 
  87. } 
  88.  
  89. /** 
  90.  * 生成单选dialog 
  91.  * 
  92.  * @param bean bean 
  93.  * @return ConfigBean 
  94.  */ 
  95. protected ConfigBean buildMdSingleChoose(final ConfigBean bean) { 
  96.     CommonDialog commonDialog = new CommonDialog(bean.context); 
  97.     Component component = 
  98.             LayoutScatter.getInstance(bean.context).parse(ResourceTable.Layout_single_choose_dialog_layout, null, 
  99.                     false); 
  100.     commonDialog.setTransparent(true); 
  101.     Text titleTv = (Text) component.findComponentById(ResourceTable.Id_single_dialog_title); 
  102.     titleTv.setText(bean.title.toString()); 
  103.     RadioContainer radioContainer = (RadioContainer) component.findComponentById(ResourceTable.Id_radio_container); 
  104.     Resource selectResource = null; 
  105.     Resource emptyResource = null; 
  106.     try { 
  107.         selectResource = bean.context.getResourceManager().getResource(ResourceTable.Media_select); 
  108.         emptyResource = bean.context.getResourceManager().getResource(ResourceTable.Media_unselect); 
  109.     } catch (IOException e) { 
  110.         e.printStackTrace(); 
  111.     } catch (NotExistException e) { 
  112.         e.printStackTrace(); 
  113.     } 
  114.  
  115.     PixelMapElement selectElement = new PixelMapElement(selectResource); 
  116.     PixelMapElement emptyElement = new PixelMapElement(emptyResource); 
  117.  
  118.     for (int i = 0; i < bean.chooseBeans.size(); i++) { 
  119.         ChooseBean chooseBean = bean.chooseBeans.get(i); 
  120.         RadioButton radioButton = new RadioButton(bean.context); 
  121.         radioButton.setWidth(ComponentContainer.LayoutConfig.MATCH_CONTENT); 
  122.         radioButton.setHeight(150); 
  123.         radioButton.setTextSize(50); 
  124.         radioButton.setText(chooseBean.getTxt().toString()); 
  125.         radioButton.setButtonElement(null); 
  126.         if (chooseBean.isChoosen()) { 
  127.             radioButton.setSelected(true); 
  128.         } else { 
  129.             radioButton.setSelected(false); 
  130.         } 
  131.         StateElement checkElement = new StateElement(); 
  132.         checkElement.addState(new int[]{ComponentState.COMPONENT_STATE_SELECTED}, selectElement); 
  133.         checkElement.addState(new int[]{ComponentState.COMPONENT_STATE_EMPTY}, emptyElement); 
  134.         radioButton.setAroundElements(checkElement, null, null, null); 
  135.         radioContainer.addComponent(radioButton); 
  136.     } 
  137.     radioContainer.setMarkChangedListener(new RadioContainer.CheckedStateChangedListener() { 
  138.         @Override 
  139.         public void onCheckedChanged(RadioContainer r, int i) { 
  140.             for (int j = 0; j < bean.chooseBeans.size(); j++) { 
  141.                 RadioButton radioButton1 = (RadioButton) r.getComponentAt(j); 
  142.                 if (j == i) { 
  143.                     radioButton1.setSelected(true); 
  144.                     bean.itemListener.onItemClick(bean.chooseBeans.get(i).getTxt(), i); 
  145.                 } else { 
  146.                     radioButton1.setSelected(false); 
  147.                 } 
  148.             } 
  149.         } 
  150.     }); 
  151.  
  152.     Button ok = (Button) component.findComponentById(ResourceTable.Id_single_dialog_ok); 
  153.     ok.setClickedListener(component1 -> { 
  154.         bean.itemListener.positiveButton(); 
  155.     }); 
  156.     Button cancle = (Button) component.findComponentById(ResourceTable.Id_single_dialog_cancle); 
  157.     cancle.setClickedListener(component1 -> { 
  158.         bean.itemListener.negativeButton(); 
  159.     }); 
  160.  
  161.     component.invalidate(); 
  162.     commonDialog.setContentCustomComponent(component); 
  163.     bean.commonDialog = commonDialog; 
  164.  
  165.  
  166.     return bean; 
  167. } 
  168.  
  169. /** 
  170.  * 生成多选dialog 
  171.  * 
  172.  * @param bean bean 
  173.  * @return ConfigBean 
  174.  */ 
  175. protected ConfigBean buildMdMultiChoose(final ConfigBean bean) { 
  176.     CommonDialog commonDialog = new CommonDialog(bean.context); 
  177.     Component component = 
  178.             LayoutScatter.getInstance(bean.context).parse(ResourceTable.Layout_multi_choose_dialog_layout, null, 
  179.                     false); 
  180.  
  181.     commonDialog.setTransparent(true); 
  182.     DirectionalLayout layout = (DirectionalLayout) component.findComponentById(ResourceTable.Id_checkbox_layout); 
  183.     Resource selectResource = null; 
  184.     Resource emptyResource = null; 
  185.     try { 
  186.         selectResource = bean.context.getResourceManager().getResource(ResourceTable.Media_checkbox_select); 
  187.         emptyResource = bean.context.getResourceManager().getResource(ResourceTable.Media_checkbox_unselect); 
  188.     } catch (IOException e) { 
  189.         e.printStackTrace(); 
  190.     } catch (NotExistException e) { 
  191.         e.printStackTrace(); 
  192.     } 
  193.  
  194.     PixelMapElement selectElement = new PixelMapElement(selectResource); 
  195.     PixelMapElement emptyElement = new PixelMapElement(emptyResource); 
  196.  
  197.     for (int i = 0; i < bean.chooseBeans.size(); i++) { 
  198.         ChooseBean chooseBean = bean.chooseBeans.get(i); 
  199.         Checkbox checkbox = new Checkbox(bean.context); 
  200.         checkbox.setWidth(ComponentContainer.LayoutConfig.MATCH_CONTENT); 
  201.         checkbox.setHeight(150); 
  202.         checkbox.setTextSize(50); 
  203.         checkbox.setText(chooseBean.getTxt().toString()); 
  204.  
  205.         if (chooseBean.isChoosen()) { 
  206.             checkbox.setChecked(true); 
  207.  
  208.         } else { 
  209.             checkbox.setChecked(false); 
  210.         } 
  211.  
  212.         checkbox.setButtonElement(null); 
  213.         checkbox.setTag(i); 
  214.  
  215.         StateElement checkElement = new StateElement(); 
  216.         checkElement.addState(new int[]{ComponentState.COMPONENT_STATE_CHECKED}, selectElement); 
  217.         checkElement.addState(new int[]{ComponentState.COMPONENT_STATE_EMPTY}, emptyElement); 
  218.         checkbox.setAroundElements(checkElement, null, null, null); 
  219.         checkbox.setCheckedStateChangedListener((absButton, state) -> { 
  220.             absButton.setChecked(state); 
  221.  
  222.             absButton.setAroundElements(checkElement, null, null, null); 
  223.             bean.checkBoxItemDialogListener.onItemClick((Checkbox) absButton, (int) absButton.getTag()); 
  224.         }); 
  225.  
  226.         layout.addComponent(checkbox); 
  227.     } 
  228.  
  229.     Button ok = (Button) component.findComponentById(ResourceTable.Id_multi_dialog_ok); 
  230.     ok.setClickedListener(component1 -> { 
  231.         bean.checkBoxItemDialogListener.positiveButton(); 
  232.     }); 
  233.     Button cancle = (Button) component.findComponentById(ResourceTable.Id_multi_dialog_cancle); 
  234.     cancle.setClickedListener(component1 -> { 
  235.         bean.checkBoxItemDialogListener.negativeButton(); 
  236.     }); 
  237.     component.invalidate(); 
  238.     commonDialog.setContentCustomComponent(component); 
  239.     bean.commonDialog = commonDialog; 
  240.     return bean; 
  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技术社区

想了解更多内容，请访问：

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com

 

责任编辑：jianghua 来源： 鸿蒙社区
鸿蒙HarmonyOS应用
相关推荐
鸿蒙HarmonyOS三方件开发指南（7）-compress组件
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.comzz

2021-02-04 09:45:19

鸿蒙HarmonyOS应用开发
鸿蒙HarmonyOS三方件开发指南(3)-AsyncHttpHarmony组件
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.comzz

2021-01-18 09:52:20

鸿蒙HarmonyOS开发
鸿蒙HarmonyOS三方件开发指南-Updownfile
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.com

2021-03-01 09:48:24

鸿蒙HarmonyOS应用开发
鸿蒙HarmonyOS三方件开发指南-GifImage
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.com

2021-02-24 15:22:47

鸿蒙HarmonyOS应用开发
鸿蒙HarmonyOS三方件开发指南(1)-PrecentPositionLayout
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.comzz

2021-01-13 09:40:31

鸿蒙HarmonyOS开发
鸿蒙HarmonyOS三方件开发指南(17)-BottomNavigationBar
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.com

2021-04-16 09:28:18

鸿蒙HarmonyOS应用
鸿蒙HarmonyOS三方件开发指南（8）-RoundedImage
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.comzz

2021-02-04 13:06:38

鸿蒙HarmonyOS应用开发
鸿蒙HarmonyOS三方件开发指南(2)-LoadingView组件
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.comzz

2021-01-12 12:04:40

鸿蒙HarmonyOS应用开发
鸿蒙HarmonyOS三方件开发指南（5）-Photoview组件
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.comzz

2021-01-21 13:21:18

鸿蒙HarmonyOSPhotoview组件
鸿蒙HarmonyOS三方件开发指南（4）-Logger组件
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.comzz

2021-01-20 09:54:56

鸿蒙HarmonyOS开发
鸿蒙HarmonyOS三方件开发指南-cropper图片裁剪
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.com

2021-02-26 14:15:27

鸿蒙HarmonyOS应用开发
HarmonyOS三方件开发指南(19)-BGABadgeView徽章组件
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.com

2021-05-12 15:17:39

鸿蒙HarmonyOS应用
鸿蒙HarmonyOS三方件开发指南(6)-ActiveOhos_sqlite组件
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.comzz

2021-01-22 17:33:03

鸿蒙HarmonyOS应用开发
鸿蒙HarmonyOS三方件开发指南-SwipeLayout侧滑删除
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.com

2021-03-01 14:01:41

鸿蒙HarmonyOS应用开发
HarmonyOS三方件开发指南(14)-Glide组件功能介绍
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.com

2021-03-19 17:42:01

鸿蒙HarmonyOS应用开发
HarmonyOS三方件开发指南(18)-Flexbox流式布局组件
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.com

2021-04-20 09:42:20

鸿蒙HarmonyOS应用开发
HarmonyOS三方件开发指南(15)-LoadingView功能介绍
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.com

2021-03-31 09:50:25

鸿蒙HarmonyOS应用开发
HarmonyOS三方件开发指南(16)-VideoCache 视频缓存
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.com

2021-04-12 09:36:54

鸿蒙HarmonyOS应用
鸿蒙开源第三方件组件-轮播组件Banner
文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https:harmonyos.51cto.com

2021-03-10 15:03:40

鸿蒙HarmonyOS应用
HarmonyOS三方开源组件—鸿蒙JS实现仿蚂蚁森林
HarmonyOS三方开源组件之鸿蒙JS实现仿蚂蚁森林，自定义仿支付宝蚂蚁森林水滴控件,提供了JAVAUI和JSUI两种实现方式。

2021-08-04 14:16:41

鸿蒙HarmonyOS应用
点赞
收藏

51CTO技术栈公众号

业务
速览
在线客服