{"id":102837,"date":"2025-03-23T19:24:59","date_gmt":"2025-03-23T14:54:59","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/harmonyos-next-xing-dai-ma-shi-xian-ren-yi-chu-dan-chuang-3clj\/"},"modified":"2025-03-23T19:24:59","modified_gmt":"2025-03-23T14:54:59","slug":"harmonyos-next-xing-dai-ma-shi-xian-ren-yi-chu-dan-chuang-3clj","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/harmonyos-next-xing-dai-ma-shi-xian-ren-yi-chu-dan-chuang-3clj\/","title":{"rendered":"Harmonyos \u0628\u0639\u062f\u06cc \u06cc\u06a9 \u062e\u0637 \u06a9\u062f \u062f\u0631 \u0647\u0631 \u0632\u0645\u0627\u0646 \u0648\u06cc\u0646\u062f\u0648\u0632\u0647\u0627\u06cc \u067e\u0627\u067e \u0622\u067e \u0631\u0627 \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0645\u06cc \u06a9\u0646\u062f"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"\u062a\u063a\u06cc\u06cc\u0631 \u0648\u0636\u0639\u06cc\u062a \u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/harmonyos-next-xing-dai-ma-shi-xian-ren-yi-chu-dan-chuang-3clj\/#%D9%85%D9%82%D8%AF%D9%85%D9%87\" >\u0645\u0642\u062f\u0645\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/harmonyos-next-xing-dai-ma-shi-xian-ren-yi-chu-dan-chuang-3clj\/#%D9%86%D9%85%D9%88%D8%AF%D8%A7%D8%B1_%D8%AA%D9%88%D9%84%DB%8C%D8%AF_%D9%85%D8%AB%D9%84\" >\u0646\u0645\u0648\u062f\u0627\u0631 \u062a\u0648\u0644\u06cc\u062f \u0645\u062b\u0644<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/harmonyos-next-xing-dai-ma-shi-xian-ren-yi-chu-dan-chuang-3clj\/#%DB%8C%DA%A9_%D8%AE%D8%B7_%DA%A9%D8%AF_%DA%A9%D8%A7%D8%AF%D8%B1%D9%87%D8%A7%DB%8C_%D8%A8%D8%A7%D8%B1%DA%AF%DB%8C%D8%B1%DB%8C_%D9%88_%DA%AF%D9%81%D8%AA%DA%AF%D9%88_%DB%8C%D8%A7_%D9%BE%D8%A7%D9%BE_%D8%A2%D9%BE_%D9%87%D8%A7%DB%8C_%D8%B3%D9%81%D8%A7%D8%B1%D8%B4%DB%8C_%D8%B1%D8%A7_%D8%AF%D8%B1_%D9%87%D8%B1_%D8%B2%D9%85%D8%A7%D9%86_%D9%86%D8%B4%D8%A7%D9%86_%D9%85%DB%8C_%D8%AF%D9%87%D8%AF\" >\u06cc\u06a9 \u062e\u0637 \u06a9\u062f \u06a9\u0627\u062f\u0631\u0647\u0627\u06cc \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0648 \u06af\u0641\u062a\u06af\u0648 \u06cc\u0627 \u067e\u0627\u067e \u0622\u067e \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0631\u0627 \u062f\u0631 \u0647\u0631 \u0632\u0645\u0627\u0646 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/harmonyos-next-xing-dai-ma-shi-xian-ren-yi-chu-dan-chuang-3clj\/#%D8%A7%D8%AC%D8%B1%D8%A7%DB%8C_%D9%87%D9%85%DA%86%D9%86%DB%8C%D9%86_%D9%85%DB%8C_%D8%AA%D9%88%D8%A7%D9%86%D8%AF_%D9%86%D9%85%D8%A7%DB%8C%D8%B4%DA%AF%D8%B1_%D9%BE%D8%A7%D9%BE_%D8%A2%D9%BE_%D8%B1%D8%A7_%D8%AF%D8%B1_%DA%A9%D9%84%D8%A7%D8%B3%D9%87%D8%A7%DB%8C_%D9%85%D8%B9%D9%85%D9%88%D9%84%DB%8C_%DA%A9%D9%86%D8%AA%D8%B1%D9%84_%DA%A9%D9%86%D8%AF\" >\u0627\u062c\u0631\u0627\u06cc \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0646\u0645\u0627\u06cc\u0634\u06af\u0631 \u067e\u0627\u067e \u0622\u067e \u0631\u0627 \u062f\u0631 \u06a9\u0644\u0627\u0633\u0647\u0627\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/harmonyos-next-xing-dai-ma-shi-xian-ren-yi-chu-dan-chuang-3clj\/#%D9%86%D8%AD%D9%88%D9%87_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A8%D8%B9%D8%AF_%D8%A7%D8%B2_%D8%A8%D8%B3%D8%AA%D9%87_%D8%A8%D9%86%D8%AF%DB%8C\" >\u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u0639\u062f \u0627\u0632 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/harmonyos-next-xing-dai-ma-shi-xian-ren-yi-chu-dan-chuang-3clj\/#%DA%AF%D9%81%D8%AA%DA%AF%D9%88%DB%8C_%DA%A9%D8%AF_%DA%A9%D9%BE%D8%B3%D9%88%D9%84%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%DA%A9%D8%A7%D9%85%D9%84\" >\u06af\u0641\u062a\u06af\u0648\u06cc \u06a9\u062f \u06a9\u067e\u0633\u0648\u0644\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0627\u0645\u0644<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D9%85%D9%82%D8%AF%D9%85%D9%87\"><\/span>\n<p>  \u0645\u0642\u062f\u0645\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0628\u0686\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af\u06cc \u06a9\u0647 \u0627\u0632 \u0632\u0645\u0627\u0646 API9 \u0634\u0631\u0648\u0639 \u0628\u0647 \u062a\u0648\u0633\u0639\u0647 Hongmeng \u06a9\u0631\u062f\u0647 \u0627\u0646\u062f \u060c \u0628\u0627\u06cc\u062f \u062a\u0648\u0633\u0637 \u067e\u0627\u067e \u0622\u067e \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0631\u06cc\u062e\u062a\u0647 \u0634\u0648\u0646\u062f \u060c \u0631\u0627\u0647 \u062d\u0644 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0632\u06cc\u0631 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u062a\u0627\u06a9\u0646\u0648\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u0645 \u0628\u0647 \u0622\u0646 \u0641\u06a9\u0631 \u06a9\u0646\u0645.<\/p>\n<ol>\n<li>\n<p>PromptAction.OpenCustomDialog (\u06af\u0632\u06cc\u0646\u0647 \u0647\u0627: CustomDialogoptions)<br \/>\n(\u0646\u0645\u0627\u06cc \u0627\u06cc\u0646 \u0631\u0627\u0647 \u062d\u0644 Builder Decoration (\u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u0633\u0627\u0632\u0646\u062f\u0647) \u0628\u0627\u06cc\u062f \u062f\u0631 \u062f\u0627\u062e\u0644 \u0645\u0624\u0644\u0641\u0647 \u062a\u0639\u0631\u06cc\u0641 \u0634\u0648\u062f)<\/p>\n<\/li>\n<li>\n<p>CustomDialogController+CustomDialog<br \/>\n(CustomDialogController \u0641\u0642\u0637 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062a\u063a\u06cc\u0631 \u0639\u0636\u0648 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 customdialog \u0648 component \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f \u060c<br \/>\n\u0648 \u062a\u06a9\u0644\u06cc\u0641 \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u062a\u0639\u0631\u06cc\u0641 \u062f\u0627\u062e\u0644\u06cc \u062a\u0648\u0633\u0637 Component struktury \u0645\u0639\u062a\u0628\u0631 \u0627\u0633\u062a)<\/p>\n<\/li>\n<li>\n<p>WindowStage.CreateEsubWindow<br \/>\n(\u0627\u06cc\u0646 \u0631\u0627\u0647 \u062d\u0644 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0627\u0645\u0644 \u0632\u06cc\u0631 \u067e\u0646\u062c\u0631\u0647 \u0647\u0627\u06cc \u0641\u0631\u0639\u06cc \u062f\u0627\u0631\u062f \u0648 \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u06a9\u0646\u062a\u0631\u0644 \u0645\u0646\u0637\u0642 \u062e\u0648\u0628 \u0646\u0628\u0627\u0634\u062f \u060c \u0645\u0634\u06a9\u0644\u0627\u062a \u0628\u0632\u0631\u06af\u06cc \u0648\u062c\u0648\u062f \u062e\u0648\u0627\u0647\u062f \u062f\u0627\u0634\u062a)<\/p>\n<\/li>\n<li>\n<p>\u06cc\u06a9 \u0645\u0624\u0644\u0641\u0647 Component \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0646\u0645\u0627\u06cc \u0639\u0627\u062f\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u06a9\u0646\u06cc\u062f \u0648 \u0622\u0646 \u0631\u0627 \u062f\u0631 \u0637\u0631\u062d (\u0645\u0648\u0642\u0639\u06cc\u062a \u0633\u0637\u062d \u0628\u0627\u0644\u0627) \u0645\u0639\u0631\u0641\u06cc \u06a9\u0646\u06cc\u062f \u060c \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0646\u0645\u0627\u06cc\u0634 \u067e\u0646\u0647\u0627\u0646 \u0631\u0627 \u06a9\u0646\u062a\u0631\u0644 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0628\u0647 \u062a\u0623\u062b\u06cc\u0631 \u0648\u06cc\u0646\u062f\u0648\u0632\u0647\u0627\u06cc \u067e\u0627\u067e \u0622\u067e \u0645\u06cc \u0631\u0633\u062f<\/p>\n<\/li>\n<li>\n<p>\u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0646\u0627\u0648\u0628\u0631\u06cc \u060c \u0648\u06cc\u0698\u06af\u06cc \u062d\u0627\u0644\u062a Navdestination \u0631\u0627 \u0631\u0648\u06cc navdestinationmode.dialog \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<br \/>\n(\u0645\u0632\u0627\u06cc\u0627: \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0646\u0627\u0648\u0628\u0631\u06cc \u0628\u0631\u0627\u06cc \u0631\u0627\u0647 \u062d\u0644 \u0647\u0627\u06cc \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628\u06cc \u060c \u0631\u0627\u0647 \u062d\u0644 \u067e\u0627\u067e \u0622\u067e Navdestination \u0635\u0641\u062d\u0647 \u0627\u06cc \u0631\u0627 \u06a9\u0647 \u062f\u0631 \u062d\u0627\u0644 \u067e\u0631\u0634 \u0627\u0633\u062a \u067e\u0648\u0634\u0634 \u0646\u0645\u06cc \u062f\u0647\u062f)<strong>(\u062a\u0648\u0635\u06cc\u0647)<\/strong><\/p>\n<\/li>\n<li>\n<p>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 ComponentContent <strong>(\u0631\u0648\u0634\u06cc \u06a9\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0645\u0639\u0631\u0641\u06cc \u0645\u06cc \u0634\u0648\u062f)<\/strong>  <strong>(\u062a\u0648\u0635\u06cc\u0647)<\/strong><\/p>\n<\/li>\n<\/ol>\n<p><strong>\u0628\u0647 \u062c\u0632 \u0631\u0627\u0647 \u062d\u0644 \u0647\u0627\u06cc 3 \u060c 5 \u0648 6 \u060c \u0633\u0627\u06cc\u0631 \u0631\u0627\u0647 \u062d\u0644 \u0647\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u0646\u0645\u0627\u06cc\u0634 \u067e\u0627\u067e \u0622\u067e \u062f\u0631 \u063a\u06cc\u0631 \u0627\u062c\u0632\u0627\u06cc \u0645\u0646\u0627\u0633\u0628 \u0646\u06cc\u0633\u062a\u0646\u062f.<\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D9%86%D9%85%D9%88%D8%AF%D8%A7%D8%B1_%D8%AA%D9%88%D9%84%DB%8C%D8%AF_%D9%85%D8%AB%D9%84\"><\/span>\n<p>  \u0646\u0645\u0648\u062f\u0627\u0631 \u062a\u0648\u0644\u06cc\u062f \u0645\u062b\u0644<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<h4><span class=\"ez-toc-section\" id=\"%DB%8C%DA%A9_%D8%AE%D8%B7_%DA%A9%D8%AF_%DA%A9%D8%A7%D8%AF%D8%B1%D9%87%D8%A7%DB%8C_%D8%A8%D8%A7%D8%B1%DA%AF%DB%8C%D8%B1%DB%8C_%D9%88_%DA%AF%D9%81%D8%AA%DA%AF%D9%88_%DB%8C%D8%A7_%D9%BE%D8%A7%D9%BE_%D8%A2%D9%BE_%D9%87%D8%A7%DB%8C_%D8%B3%D9%81%D8%A7%D8%B1%D8%B4%DB%8C_%D8%B1%D8%A7_%D8%AF%D8%B1_%D9%87%D8%B1_%D8%B2%D9%85%D8%A7%D9%86_%D9%86%D8%B4%D8%A7%D9%86_%D9%85%DB%8C_%D8%AF%D9%87%D8%AF\"><\/span>\n<p>  <strong>\u06cc\u06a9 \u062e\u0637 \u06a9\u062f \u06a9\u0627\u062f\u0631\u0647\u0627\u06cc \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0648 \u06af\u0641\u062a\u06af\u0648 \u06cc\u0627 \u067e\u0627\u067e \u0622\u067e \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0631\u0627 \u062f\u0631 \u0647\u0631 \u0632\u0645\u0627\u0646 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f<\/strong><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>\/\/\u663e\u793aloading\u5f39\u7a97\nLoading.show(UIContext)\n\n\/\/loading\u5f39\u7a97\u6d88\u5931\nLoading.dismiss()\n\n\/\/\u663e\u793a\u81ea\u5b9a\u4e49\u5f39\u7a97\nTestDialog.showDialog(UIContext)\n<\/code><\/pre>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"%D8%A7%D8%AC%D8%B1%D8%A7%DB%8C_%D9%87%D9%85%DA%86%D9%86%DB%8C%D9%86_%D9%85%DB%8C_%D8%AA%D9%88%D8%A7%D9%86%D8%AF_%D9%86%D9%85%D8%A7%DB%8C%D8%B4%DA%AF%D8%B1_%D9%BE%D8%A7%D9%BE_%D8%A2%D9%BE_%D8%B1%D8%A7_%D8%AF%D8%B1_%DA%A9%D9%84%D8%A7%D8%B3%D9%87%D8%A7%DB%8C_%D9%85%D8%B9%D9%85%D9%88%D9%84%DB%8C_%DA%A9%D9%86%D8%AA%D8%B1%D9%84_%DA%A9%D9%86%D8%AF\"><\/span>\n<p>  <strong>\u0627\u062c\u0631\u0627\u06cc \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0646\u0645\u0627\u06cc\u0634\u06af\u0631 \u067e\u0627\u067e \u0622\u067e \u0631\u0627 \u062f\u0631 \u06a9\u0644\u0627\u0633\u0647\u0627\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u062f<\/strong><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>import { Dialog } from '.\/Dialog'\nimport { Loading } from '.\/Loading'\n\nexport class TestDialog {\n  static showLoading(ctx: UIContext) {\n    Loading.show(ctx)\n  }\n\n  static showDialog(ctx: UIContext) {\n    let param: DialogParams = {\n      title: \"\u63d0\u793a\",\n      content: \"\u662f\u5426\u786e\u5b9a\u8981\u5220\u9664?\",\n      leftText: \"\u53d6\u6d88\",\n      rightText: \"\u786e\u5b9a\",\n      leftClick: () =&gt; {\n        console.info(\"=========\u53d6\u6d88\")\n        dialog.dismiss()\n      },\n      rightClick: () =&gt; {\n        console.info(\"=========\u786e\u5b9a\")\n        dialog.dismiss()\n      }\n    } as DialogParams\n\n    let dialog = new BaseDialog(ctx)\n    dialog.setContentView(wrapBuilder(buildAlertDialogView), param)\n    dialog.show()\n  }\n}\n\n\n\nimport { Loading } from '.\/Loading';\nimport { TestDialog } from '.\/TestDialog';\n\n@Entry\n@Component\nstruct Index {\n  @State message: string = 'Hello World';\n\n  build() {\n    Column({ space: 10 }) {\n      Button(\"\u663e\u793aLoading\")\n        .onClick(() =&gt; {\n          TestDialog.showLoading(this.getUIContext())\n          setTimeout(() =&gt; {\n            Loading.dismiss()\n          }, 2000)\n        })\n      Button(\"\u663e\u793aDialog\")\n        .onClick(() =&gt; {\n          TestDialog.showDialog(this.getUIContext())\n        })\n    }.justifyContent(FlexAlign.Center)\n\n    .height('100%')\n    .width('100%')\n  }\n}\n<\/code><\/pre>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"%D9%86%D8%AD%D9%88%D9%87_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A8%D8%B9%D8%AF_%D8%A7%D8%B2_%D8%A8%D8%B3%D8%AA%D9%87_%D8%A8%D9%86%D8%AF%DB%8C\"><\/span>\n<p>  \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u0639\u062f \u0627\u0632 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><strong>\u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>let param: DialogParams = {\n  title: \"\u63d0\u793a\",\n  content: \"\u662f\u5426\u786e\u5b9a\u8981\u5220\u9664?\",\n  leftText: \"\u53d6\u6d88\",\n  rightText: \"\u786e\u5b9a\",\n  leftClick: () =&gt; {\n    dialog.dismiss()\n  },\n  rightClick: () =&gt; {\n    dialog.dismiss()\n  }\n} as DialogParams\n\nlet dialog = new BaseDialog(ctx)\ndialog.setContentView(wrapBuilder(buildAlertDialogView), param)\ndialog.show()\n<\/code><\/pre>\n<\/div>\n<p><strong>\u0628\u062f\u0648\u0646 \u067e\u0627\u0631\u0627\u0645\u062a\u0631<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>  static showDialogNoData(ctx: UIContext) {\n    let dialog = new BaseDialog(ctx)\n    dialog.setContentView(wrapBuilder(buildAlertDialogViewNoData))\n    dialog.show()\n  }\n<\/code><\/pre>\n<\/div>\n<p><strong>\u0646\u0645\u0627\u06cc \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u06cc<\/strong>\n<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>```\nexport interface DialogParams {\n  title: string,\n  content: string,\n  leftText: string,\n  rightText: string,\n  leftClick?: () =&gt; void,\n  rightClick?: () =&gt; void,\n}\n```\n<\/code><\/pre>\n<\/div>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>@Builder\nfunction buildAlertDialogView(param: DialogParams) {\n  Column() {\n    if (param.title) {\n      Text(param.title)\n        .width('100%')\n        .fontWeight(FontWeight.Medium)\n        .fontColor(\"#333333\")\n        .fontSize(20)\n        .margin({ top: 17 })\n    }\n    Text(param.content)\n      .width('100%')\n      .fontWeight(FontWeight.Medium)\n      .fontColor(\"#666666\")\n      .fontSize(14)\n      .margin({ top: 17, bottom: 8 })\n\n    Row() {\n      if (param.leftText) {\n        Button(param.leftText)\n          .height(40)\n          .fontSize(16)\n          .fontColor('#666666')\n          .layoutWeight(1)\n          .fontWeight(FontWeight.Medium)\n          .margin({ right: 5 })\n          .backgroundColor('#ffffff')\n          .onClick(() =&gt; {\n            param?.leftClick?.()\n          })\n      }\n\n      Button(param.rightText)\n        .height(40)\n        .fontSize(16)\n        .fontColor('#ff06bcef')\n        .layoutWeight(1)\n        .fontWeight(FontWeight.Medium)\n        .backgroundColor('#ffffff')\n        .onClick(() =&gt; {\n          param?.rightClick?.()\n        })\n    }\n  }\n  .width(\"90%\")\n  .height('auto')\n  .padding({ left: 25, right: 25, bottom: 15 })\n  .backgroundColor(Color.White)\n  .borderRadius(25)\n}\n<\/code><\/pre>\n<\/div>\n<p><strong>\u0628\u062f\u0648\u0646 \u0646\u0645\u0627\u06cc\u0634 \u067e\u0627\u0631\u0627\u0645\u062a\u0631<\/strong>\n<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>\n@Builder\nfunction buildAlertDialogViewNoData() {\n  Column() {\n    Text('\u6807\u9898')\n      .width('100%')\n      .fontWeight(FontWeight.Medium)\n      .fontColor(\"#333333\")\n      .fontSize(20)\n      .margin({ top: 17 })\n    Text('param.content')\n      .width('100%')\n      .fontWeight(FontWeight.Medium)\n      .fontColor(\"#666666\")\n      .fontSize(14)\n      .margin({ top: 17, bottom: 8 })\n\n    Row() {\n      Button('\u53d6\u6d88')\n        .height(40)\n        .fontSize(16)\n        .fontColor('#666666')\n        .layoutWeight(1)\n        .fontWeight(FontWeight.Medium)\n        .margin({ right: 5 })\n        .backgroundColor('#ffffff')\n        .onClick(() =&gt; {\n          \/\/param?.leftClick?.()\n        })\n\n      Button('\u786e\u5b9a')\n        .height(40)\n        .fontSize(16)\n        .fontColor('#ff06bcef')\n        .layoutWeight(1)\n        .fontWeight(FontWeight.Medium)\n        .backgroundColor('#ffffff')\n        .onClick(() =&gt; {\n          \/\/param?.rightClick?.()\n        })\n    }\n  }\n  .width(\"90%\")\n  .height('auto')\n  .padding({ left: 25, right: 25, bottom: 15 })\n  .backgroundColor(Color.White)\n  .borderRadius(25)\n}\n<\/code><\/pre>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"%DA%AF%D9%81%D8%AA%DA%AF%D9%88%DB%8C_%DA%A9%D8%AF_%DA%A9%D9%BE%D8%B3%D9%88%D9%84%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%DA%A9%D8%A7%D9%85%D9%84\"><\/span>\n<p>  <strong>\u06af\u0641\u062a\u06af\u0648\u06cc \u06a9\u062f \u06a9\u067e\u0633\u0648\u0644\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0627\u0645\u0644<\/strong><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>import { ComponentContent, promptAction, PromptAction } from '@kit.ArkUI'\n\nexport class BaseDialog {\n  private _isShowing: boolean = false\n  private uiContext?: UIContext\n  private promptAction?: PromptAction\n  private contentNode?: ComponentContent&lt;Object&gt;\n\n  constructor(uiContext: UIContext) {\n    this.uiContext = uiContext\n    this.promptAction = this.uiContext.getPromptAction();\n  }\n\n  public setContentView&lt;T extends Object&gt;(builder: WrappedBuilder&lt;[T]&gt;|WrappedBuilder&lt;[]&gt;, args?: T) {\n    if (!this.uiContext) {\n      return\n    }\n    if (args) {\n      this.contentNode = new ComponentContent(this.uiContext, builder, args);\n    } else {\n      this.contentNode = new ComponentContent(this.uiContext, builder as WrappedBuilder&lt;[]&gt;);\n    }\n  }\n\n\n  public setData&lt;T extends Object&gt;(args: T) {\n    this.contentNode?.update(args)\n  }\n\n  public show(options?: promptAction.BaseDialogOptions) {\n    if (this._isShowing) {\n      return\n    }\n    this._isShowing = true\n    if (options) {\n      this.promptAction?.openCustomDialog(this.contentNode, options).then(() =&gt; {\n      }).catch(() =&gt; {\n        this._isShowing = false\n      });\n    } else {\n      this.promptAction?.openCustomDialog(this.contentNode).then(() =&gt; {\n      }).catch(() =&gt; {\n        this._isShowing = false\n      });\n    }\n  }\n\n  public dismiss() {\n    this._isShowing = false\n    if (this.contentNode) {\n      this.promptAction?.closeCustomDialog(this.contentNode).then(() =&gt; {\n        this.contentNode?.dispose()\n        this.uiContext = undefined\n        this.promptAction = undefined\n        this.contentNode = undefined\n      })\n    }\n  }\n\n  public isShowing(): boolean {\n    return this._isShowing\n  }\n\n  public update&lt;T extends Object&gt;(args: T) {\n    this.contentNode?.update(args)\n  }\n\n  public reuse&lt;T extends Object&gt;(args?: T) {\n    this.contentNode?.reuse(args)\n  }\n\n  public recycle() {\n    this.contentNode?.recycle()\n  }\n\n  public updateConfiguration() {\n    this.contentNode?.updateConfiguration()\n  }\n}\n<\/code><\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0642\u062f\u0645\u0647 \u0628\u0686\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af\u06cc \u06a9\u0647 \u0627\u0632 \u0632\u0645\u0627\u0646 API9 \u0634\u0631\u0648\u0639 \u0628\u0647 \u062a\u0648\u0633\u0639\u0647 Hongmeng \u06a9\u0631\u062f\u0647 \u0627\u0646\u062f \u060c \u0628\u0627\u06cc\u062f \u062a\u0648\u0633\u0637 \u067e\u0627\u067e \u0622\u067e \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0631\u06cc\u062e\u062a\u0647 \u0634\u0648\u0646\u062f \u060c \u0631\u0627\u0647 \u062d\u0644 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0632\u06cc\u0631 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u062a\u0627\u06a9\u0646\u0648\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u0645 \u0628\u0647 \u0622\u0646 \u0641\u06a9\u0631 \u06a9\u0646\u0645. PromptAction.OpenCustomDialog (\u06af\u0632\u06cc\u0646\u0647 \u0647\u0627: CustomDialogoptions) (\u0646\u0645\u0627\u06cc \u0627\u06cc\u0646 \u0631\u0627\u0647 \u062d\u0644 Builder Decoration (\u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u0633\u0627\u0632\u0646\u062f\u0647) \u0628\u0627\u06cc\u062f \u062f\u0631 \u062f\u0627\u062e\u0644 \u0645\u0624\u0644\u0641\u0647 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":102838,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-102837","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/102837","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=102837"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/102837\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/102838"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=102837"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=102837"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=102837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}