自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

鴻蒙HarmonyOS三方件開發(fā)指南(20)-Dialog組件

作者：軟通田可輝
開發(fā) 前端 OpenHarmony
Dialog組件是一個(gè)顯示不同風(fēng)格的自定義對(duì)話框組件，目前支持十一種風(fēng)格的顯示。

[[407820]]

想了解更多內(nèi)容，請(qǐng)?jiān)L問：

51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)

https://harmonyos.51cto.com

HarmonyOS三方件開發(fā)指南自一月份上線以來，已經(jīng)連續(xù)更新了十九期了。今天所發(fā)這篇文章將作為三方件開發(fā)指南第一期的收官之作。我慶幸社區(qū)有這么多志同道合的開發(fā)者們關(guān)注我的文章，關(guān)于三方件的講解或許對(duì)你有所幫助，或許你有更好的建議或想法，都可以來告訴我們。

HarmonyOS的未來是強(qiáng)大的，因?yàn)槲覀儚V大開發(fā)者是強(qiáng)大的，是自信的，我也祝福各位開發(fā)者們立“鴻”鵠之志，逐夢(mèng)未來!

Dialog組件功能介紹

功能介紹

Dialog組件是一個(gè)顯示不同風(fēng)格的自定義對(duì)話框組件，目前支持十一種風(fēng)格的顯示。

模擬器上運(yùn)行效果

【軟通動(dòng)力】HarmonyOS三方件開發(fā)指南(20)-Dialog組件-鴻蒙HarmonyOS技術(shù)社區(qū)
【軟通動(dòng)力】HarmonyOS三方件開發(fā)指南(20)-Dialog組件-鴻蒙HarmonyOS技術(shù)社區(qū)
【軟通動(dòng)力】HarmonyOS三方件開發(fā)指南(20)-Dialog組件-鴻蒙HarmonyOS技術(shù)社區(qū)
【軟通動(dòng)力】HarmonyOS三方件開發(fā)指南(20)-Dialog組件-鴻蒙HarmonyOS技術(shù)社區(qū)
【軟通動(dòng)力】HarmonyOS三方件開發(fā)指南(20)-Dialog組件-鴻蒙HarmonyOS技術(shù)社區(qū)
【軟通動(dòng)力】HarmonyOS三方件開發(fā)指南(20)-Dialog組件-鴻蒙HarmonyOS技術(shù)社區(qū)
【軟通動(dòng)力】HarmonyOS三方件開發(fā)指南(20)-Dialog組件-鴻蒙HarmonyOS技術(shù)社區(qū)
【軟通動(dòng)力】HarmonyOS三方件開發(fā)指南(20)-Dialog組件-鴻蒙HarmonyOS技術(shù)社區(qū)
【軟通動(dòng)力】HarmonyOS三方件開發(fā)指南(20)-Dialog組件-鴻蒙HarmonyOS技術(shù)社區(qū)
【軟通動(dòng)力】HarmonyOS三方件開發(fā)指南(20)-Dialog組件-鴻蒙HarmonyOS技術(shù)社區(qū)
【軟通動(dòng)力】HarmonyOS三方件開發(fā)指南(20)-Dialog組件-鴻蒙HarmonyOS技術(shù)社區(qū)

Dialog使用方法

新建工程，增加組件Har包依賴

在應(yīng)用模塊中添加HAR，只需要將dialoglibrary-debug.har復(fù)制到entry\libs目錄下即可(由于build.gradle中已經(jīng)依賴的libs目錄下的*.har，因此不需要在做修改)。

修改配置文件

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

【軟通動(dòng)力】HarmonyOS三方件開發(fā)指南(20)-Dialog組件-鴻蒙HarmonyOS技術(shù)社區(qū)

在代碼中使用

  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(), "請(qǐng)輸入您的昵稱", "長(zhǎng)度0-20", new MyDialogListener() { 
  2.  
  3.     @Override 
  4.     public void positiveButton() { 
  5.         //可對(duì)輸入內(nèi)容進(jìn)行校驗(yàn) 
  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 = {"身份證", "手機(jī)", "鑰匙", "錢包"}; 
  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(), "登錄", "請(qǐng)輸入用戶名","請(qǐng)輸入密碼", new MyDialogListener() { 
  2.  
  3.     @Override 
  4.     public void positiveButton() { 
  5.         //可對(duì)輸入內(nèi)容進(jìn)行校驗(yàn) 
  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 = {"身份證", "手機(jī)", "鑰匙", "錢包"}; 
  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 = {"身份證", "手機(jī)", "鑰匙", "錢包"}; 
  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 = {"身份證", "手機(jī)", "鑰匙", "錢包"}; 
  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開發(fā)實(shí)現(xiàn)

新建一個(gè)Module

新建一個(gè)Module，類型選擇HarmonyOS Library，模塊名為dialoglibrary，如圖

【軟通動(dòng)力】HarmonyOS三方件開發(fā)指南(20)-Dialog組件-鴻蒙HarmonyOS技術(shù)社區(qū)

實(shí)現(xiàn)類

新建一個(gè)StyleDialog類，添加靜態(tài)方法，代碼如下：

  1. /** 
  2.  * @param context  context 
  3.  * @param title    對(duì)話框的title 
  4.  * @param msg      對(duì)話框的提示信息 
  5.  * @param listener 對(duì)話框 ok 和 cancle 的點(diǎn)擊監(jiān)聽事件 
  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    對(duì)話框的title 
  16.  * @param list     list 
  17.  * @param listener 單項(xiàng)的item 和ok cancle 的點(diǎn)擊事件的監(jiān)聽 
  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       對(duì)話框的title 
  28.  * @param list        list 
  29.  * @param btnListener ok cancle 的點(diǎn)擊監(jiān)聽事件 
  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    對(duì)話框的title 
  40.  * @param hint1    輸入框的hint 文字提示信息 
  41.  * @param listener ok cancle 的點(diǎn)擊監(jiān)聽事件 
  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，實(shí)現(xiàn)不同dialog的生成

  1. /** 
  2.  * 根據(jù)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. } 

新建監(jiān)聽接口MyDialogListener、MyItemDialogListener、MyCheckBoxItemDialogListener

編譯HAR包

利用Gradle可以將HarmonyOS Library庫模塊構(gòu)建為HAR包，構(gòu)建HAR包的方法如下：

在Gradle構(gòu)建任務(wù)中，雙擊PackageDebugHar或PackageReleaseHar任務(wù)，構(gòu)建Debug類型或Release類型的HAR。

待構(gòu)建任務(wù)完成后，可以在工程目錄中的styledialog> bulid > outputs > har目錄中，獲取生成的HAR包。

【軟通動(dòng)力】HarmonyOS三方件開發(fā)指南(20)-Dialog組件-鴻蒙HarmonyOS技術(shù)社區(qū)

想了解更多內(nèi)容，請(qǐng)?jiān)L問：

51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)

https://harmonyos.51cto.com

 

責(zé)任編輯：jianghua 來源： 鴻蒙社區(qū)
鴻蒙HarmonyOS應(yīng)用
相關(guān)推薦

2021-01-18 09:52:20

鴻蒙HarmonyOS開發(fā)

2021-02-04 09:45:19

鴻蒙HarmonyOS應(yīng)用開發(fā)

2021-01-12 12:04:40

鴻蒙HarmonyOS應(yīng)用開發(fā)

2021-01-21 13:21:18

鴻蒙HarmonyOSPhotoview組件

2021-01-20 09:54:56

鴻蒙HarmonyOS開發(fā)

2021-03-01 09:48:24

鴻蒙HarmonyOS應(yīng)用開發(fā)

2021-02-24 15:22:47

鴻蒙HarmonyOS應(yīng)用開發(fā)

2021-01-13 09:40:31

鴻蒙HarmonyOS開發(fā)

2021-02-04 13:06:38

鴻蒙HarmonyOS應(yīng)用開發(fā)

2021-04-16 09:28:18

鴻蒙HarmonyOS應(yīng)用

2021-01-22 17:33:03

鴻蒙HarmonyOS應(yīng)用開發(fā)

2021-05-12 15:17:39

鴻蒙HarmonyOS應(yīng)用

2021-02-26 14:15:27

鴻蒙HarmonyOS應(yīng)用開發(fā)

2021-03-01 14:01:41

鴻蒙HarmonyOS應(yīng)用開發(fā)

2021-03-19 17:42:01

鴻蒙HarmonyOS應(yīng)用開發(fā)

2021-04-20 09:42:20

鴻蒙HarmonyOS應(yīng)用開發(fā)

2021-03-31 09:50:25

鴻蒙HarmonyOS應(yīng)用開發(fā)

2021-04-12 09:36:54

鴻蒙HarmonyOS應(yīng)用

2021-03-10 15:03:40

鴻蒙HarmonyOS應(yīng)用

2021-08-02 14:54:50

鴻蒙HarmonyOS應(yīng)用
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)