{"id":108970,"date":"2026-09-23T03:24:51","date_gmt":"2026-09-22T19:24:51","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/108970.html"},"modified":"2026-09-23T03:24:51","modified_gmt":"2026-09-22T19:24:51","slug":"cstackgui-%e6%95%99%e5%ad%a6%e7%a4%ba%e4%be%8b%e4%bd%bf%e7%94%a8%e8%af%b4%e6%98%8e","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/108970.html","title":{"rendered":"CStackGUI \u6559\u5b66\u793a\u4f8b\u4f7f\u7528\u8bf4\u660e"},"content":{"rendered":"<\/p>\n<h4>\u6587\u7ae0\u76ee\u5f55<\/h4>\n<ul>\n<li>\u4e00\u3001\u4e94\u8bfe\u4e00\u89c8<\/li>\n<li>\u4e8c\u3001\u4e94\u5206\u949f\u4e0a\u624b<\/li>\n<li>\n<ul>\n<li>2.1 \u7f16\u8bd1&#xff08;\u4e09\u79cd\u65b9\u5f0f&#xff0c;\u9009\u4e00\u79cd&#xff09;<\/li>\n<li>2.2 \u8fd0\u884c \/ \u81ea\u68c0<\/li>\n<li>2.3 \u60f3\u6539\u754c\u9762<\/li>\n<\/ul>\n<\/li>\n<li>\u4e09\u3001\u6bcf\u8bfe\u8be6\u89e3<\/li>\n<li>\n<ul>\n<li>\u5165\u95e8 01&#xff1a;\u7f16\u8f91\u6846\u548c\u6309\u94ae<\/li>\n<li>\u5165\u95e8 02&#xff1a;\u5e38\u7528\u8f93\u5165\u63a7\u4ef6<\/li>\n<li>\u5165\u95e8 03&#xff1a;\u4e8b\u4ef6\u8fdb\u9636&#xff08;\u65f6\u949f \/ \u952e\u76d8 \/ \u9f20\u6807 \/ \u5173\u95ed&#xff09;<\/li>\n<li>\u5165\u95e8 04&#xff1a;\u6570\u636e\u63a7\u4ef6&#xff08;\u5217\u8868\u6846 \/ \u6811 \/ \u8868\u683c&#xff09;<\/li>\n<li>\u5165\u95e8 05&#xff1a;\u5f85\u529e\u6e05\u5355&#xff08;\u7efc\u5408\u7ec3\u4e60&#xff09;<\/li>\n<\/ul>\n<\/li>\n<li>\u56db\u3001\u901a\u7528\u77e5\u8bc6&#xff08;\u6bcf\u4e00\u8bfe\u90fd\u7528\u5230&#xff09;<\/li>\n<li>\n<ul>\n<li>4.1 \u4e00\u6761\u7a0b\u5e8f\u7684\u9aa8\u67b6<\/li>\n<li>4.2 \u4e8b\u4ef6\u540d\u9519\u4e86\u4e3a\u4ec0\u4e48\u4e0d\u62a5\u7f16\u8bd1\u9519<\/li>\n<li>4.3 \u6392\u9519&#xff1a;\u5148\u770b\u65e5\u5fd7\u6587\u4ef6<\/li>\n<li>4.4 \u7f16\u8bd1 \/ \u9a8c\u8bc1\u547d\u4ee4\u901f\u67e5<\/li>\n<\/ul>\n<\/li>\n<li>\u4e94\u3001\u5e38\u89c1\u95ee\u9898<\/li>\n<li>\u516d\u3001\u5b66\u5b8c\u4e4b\u540e\u770b\u4ec0\u4e48<\/li>\n<\/ul>\n<p> \u8fd9\u5957\u793a\u4f8b&#xff08;<br \/>\nexamples\\\\lesson01_edit_button ~<br \/>\nexamples\\\\lesson05_todo&#xff09;\u662f\u4e00\u4efd<br \/>\n\u4ece\u96f6\u5f00\u59cb\u7684\u5b66\u4e60\u8def\u7ebf&#xff0c;<br \/>\n \u6bcf\u4e00\u8bfe\u53ea\u8bb2\u4e00\u4e2a\u4e3b\u9898\u3001\u53ea\u5199 100~300 \u884c C \u4ee3\u7801&#xff0c;\u90fd\u80fd\u72ec\u7acb\u7f16\u8bd1\u3001\u72ec\u7acb\u8fd0\u884c\u3002<\/p>\n<p>\u5b66\u5b8c\u8fd9\u4e94\u8bfe&#xff0c;\u4f60\u5c31\u80fd\u81ea\u5df1\u7528\u753b\u5e03 &#043; C \u5199\u51fa\u4e00\u4e2a\u5c0f\u5de5\u5177\u3002\u60f3\u76f4\u63a5\u770b&#034;\u5927\u800c\u5168&#034;\u7684\u53c2\u8003&#xff0c;\u8df3\u5230\u6700\u540e\u7684 \u5b66\u5b8c\u4e4b\u540e\u770b\u4ec0\u4e48\u3002<\/p>\n<p>\u76ee\u6807\u8bfb\u8005&#xff1a;\u4f1a\u4e00\u70b9 C&#xff0c;\u6ca1\u5199\u8fc7 Windows \u754c\u9762\u7684\u4eba\u3002 \u524d\u7f6e\u6761\u4ef6&#xff1a;\u88c5\u597d MinGW-w64 gcc&#xff08;\u9ed8\u8ba4\u627e C:\\\\mingw64\\\\bin&#xff09;&#xff0c;\u5728\u4ed3\u5e93\u6839\u76ee\u5f55\u6267\u884c\u547d\u4ee4\u3002<\/p>\n<hr \/>\n<h2>\u4e00\u3001\u4e94\u8bfe\u4e00\u89c8<\/h2>\n<table>\n<tr>\u8bfe\u76ee\u5f55\u8bb2\u4ec0\u4e48\u5173\u952e API<\/tr>\n<tbody>\n<tr>\n<td>\u5165\u95e8 01<\/td>\n<td>examples\\\\lesson01_edit_button<\/td>\n<td>\u7f16\u8f91\u6846 &#043; \u6309\u94ae&#xff1a;\u6700\u5c0f\u7684\u4e00\u6b21\u300c\u8bfb\u8f93\u5165\u3001\u6539\u754c\u9762\u300d<\/td>\n<td>cg_find cg_widget_text cg_widget_set_text cg_widget_set_enabled cg_str_format\/cg_free<\/td>\n<\/tr>\n<tr>\n<td>\u5165\u95e8 02<\/td>\n<td>examples\\\\lesson02_controls<\/td>\n<td>\u516d\u79cd\u5e38\u7528\u8f93\u5165\u63a7\u4ef6\u7684\u8bfb\u4e0e\u5199&#xff0c;\u4ee5\u53ca\u5bb9\u5668\u76f8\u5bf9\u5750\u6807<\/td>\n<td>cg_widget_value cg_widget_checked cg_widget_list_item cg_widget_set_value<\/td>\n<\/tr>\n<tr>\n<td>\u5165\u95e8 03<\/td>\n<td>examples\\\\lesson03_events<\/td>\n<td>\u7a97\u53e3\u7ea7\u4e8b\u4ef6&#xff1a;\u65f6\u949f \/ \u952e\u76d8 \/ \u9f20\u6807 \/ \u5173\u95ed\u62e6\u622a<\/td>\n<td>app.events cg_widget_set_period cg_event_x\/y\/key\/keys cg_cancel_close cg_app_has_window<\/td>\n<\/tr>\n<tr>\n<td>\u5165\u95e8 04<\/td>\n<td>examples\\\\lesson04_data<\/td>\n<td>\u6570\u636e\u63a7\u4ef6&#xff1a;\u5217\u8868\u6846 \/ \u6811 \/ \u8868\u683c\u7684\u589e\u5220\u67e5\u9009<\/td>\n<td>cg_widget_list_* cg_tree_* cg_table_* cg_status_setf<\/td>\n<\/tr>\n<tr>\n<td>\u5165\u95e8 05<\/td>\n<td>examples\\\\lesson05_todo<\/td>\n<td>\u7efc\u5408\u7ec3\u4e60&#xff1a;\u5f85\u529e\u6e05\u5355&#xff08;\u83dc\u5355 &#043; \u6587\u4ef6 &#043; \u914d\u7f6e&#xff09;<\/td>\n<td>cg_menu_last_id cg_file_read\/write cg_ini_read\/write \u901a\u7528\u5bf9\u8bdd\u6846 cg_log<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr \/>\n<p>\u4e0b\u9762\u662f\u4e94\u8bfe\u7684\u5b66\u4e60\u8def\u7ebf\u56fe&#xff0c;\u53ef\u4ee5\u770b\u5230\u6bcf\u4e00\u8bfe\u5982\u4f55\u5c42\u5c42\u9012\u8fdb&#xff1a;<\/p>\n<p>  #mermaid-svg-rkle9nKpFDhbIb15{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-rkle9nKpFDhbIb15 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-rkle9nKpFDhbIb15 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-rkle9nKpFDhbIb15 .error-icon{fill:#552222;}#mermaid-svg-rkle9nKpFDhbIb15 .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-rkle9nKpFDhbIb15 .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-rkle9nKpFDhbIb15 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-rkle9nKpFDhbIb15 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-rkle9nKpFDhbIb15 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-rkle9nKpFDhbIb15 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-rkle9nKpFDhbIb15 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-rkle9nKpFDhbIb15 .marker{fill:#333333;stroke:#333333;}#mermaid-svg-rkle9nKpFDhbIb15 .marker.cross{stroke:#333333;}#mermaid-svg-rkle9nKpFDhbIb15 svg{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-rkle9nKpFDhbIb15 p{margin:0;}#mermaid-svg-rkle9nKpFDhbIb15 .label{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;color:#333;}#mermaid-svg-rkle9nKpFDhbIb15 .cluster-label text{fill:#333;}#mermaid-svg-rkle9nKpFDhbIb15 .cluster-label span{color:#333;}#mermaid-svg-rkle9nKpFDhbIb15 .cluster-label span p{background-color:transparent;}#mermaid-svg-rkle9nKpFDhbIb15 .label text,#mermaid-svg-rkle9nKpFDhbIb15 span{fill:#333;color:#333;}#mermaid-svg-rkle9nKpFDhbIb15 .node rect,#mermaid-svg-rkle9nKpFDhbIb15 .node circle,#mermaid-svg-rkle9nKpFDhbIb15 .node ellipse,#mermaid-svg-rkle9nKpFDhbIb15 .node polygon,#mermaid-svg-rkle9nKpFDhbIb15 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-rkle9nKpFDhbIb15 .rough-node .label text,#mermaid-svg-rkle9nKpFDhbIb15 .node .label text,#mermaid-svg-rkle9nKpFDhbIb15 .image-shape .label,#mermaid-svg-rkle9nKpFDhbIb15 .icon-shape .label{text-anchor:middle;}#mermaid-svg-rkle9nKpFDhbIb15 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-rkle9nKpFDhbIb15 .rough-node .label,#mermaid-svg-rkle9nKpFDhbIb15 .node .label,#mermaid-svg-rkle9nKpFDhbIb15 .image-shape .label,#mermaid-svg-rkle9nKpFDhbIb15 .icon-shape .label{text-align:center;}#mermaid-svg-rkle9nKpFDhbIb15 .node.clickable{cursor:pointer;}#mermaid-svg-rkle9nKpFDhbIb15 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-rkle9nKpFDhbIb15 .arrowheadPath{fill:#333333;}#mermaid-svg-rkle9nKpFDhbIb15 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-rkle9nKpFDhbIb15 .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-rkle9nKpFDhbIb15 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-rkle9nKpFDhbIb15 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-rkle9nKpFDhbIb15 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-rkle9nKpFDhbIb15 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-rkle9nKpFDhbIb15 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-rkle9nKpFDhbIb15 .cluster text{fill:#333;}#mermaid-svg-rkle9nKpFDhbIb15 .cluster span{color:#333;}#mermaid-svg-rkle9nKpFDhbIb15 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-rkle9nKpFDhbIb15 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-rkle9nKpFDhbIb15 rect.text{fill:none;stroke-width:0;}#mermaid-svg-rkle9nKpFDhbIb15 .icon-shape,#mermaid-svg-rkle9nKpFDhbIb15 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-rkle9nKpFDhbIb15 .icon-shape p,#mermaid-svg-rkle9nKpFDhbIb15 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-rkle9nKpFDhbIb15 .icon-shape .label rect,#mermaid-svg-rkle9nKpFDhbIb15 .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-rkle9nKpFDhbIb15 .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-rkle9nKpFDhbIb15 .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-rkle9nKpFDhbIb15 :root{&#8211;mermaid-font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;}<\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u5165\u95e8 01&#xff1a;\u7f16\u8f91\u6846\u548c\u6309\u94ae\u6700\u5c0f\u95ed\u73af<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u5165\u95e8 02&#xff1a;\u5e38\u7528\u8f93\u5165\u63a7\u4ef6\u5e7f\u5ea6<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u5165\u95e8 03&#xff1a;\u4e8b\u4ef6\u8fdb\u9636\u6df1\u5ea6<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u5165\u95e8 04&#xff1a;\u6570\u636e\u63a7\u4ef6\u6570\u636e<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u5165\u95e8 05&#xff1a;\u5f85\u529e\u6e05\u5355\u4ea4\u4ed8\u5c0f\u5de5\u5177<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>examples\\\\\\\\gallery\u63a7\u4ef6\u5b57\u5178<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>examples\\\\otepad\u5b8c\u6574\u53c2\u8003<\/p>\n<p><\/span><\/p>\n<h2>\u4e8c\u3001\u4e94\u5206\u949f\u4e0a\u624b<\/h2>\n<h3>2.1 \u7f16\u8bd1&#xff08;\u4e09\u79cd\u65b9\u5f0f&#xff0c;\u9009\u4e00\u79cd&#xff09;<\/h3>\n<p>:: \u65b9\u5f0f 1&#xff1a;\u5168\u90e8\u7f16\u8bd1 &#043; \u81ea\u52a8\u8dd1\u4e00\u904d\u81ea\u68c0&#xff08;\u63a8\u8350\u7b2c\u4e00\u6b21\u8fd9\u4e48\u505a&#xff09;<br \/>\nbuild-all.bat<\/p>\n<p>:: \u65b9\u5f0f 2&#xff1a;\u53ea\u7f16\u8bd1\u67d0\u4e00\u8bfe<br \/>\nbuild-app.bat lesson01_edit_button<\/p>\n<p>:: \u65b9\u5f0f 3&#xff1a;\u53cc\u51fb\u67d0\u4e00\u8bfe\u76ee\u5f55\u91cc\u7684 build-app.bat&#xff08;\u4f1a\u81ea\u5df1\u627e\u5230\u4ed3\u5e93\u6839&#xff0c;\u6574\u4e2a\u76ee\u5f55\u62f7\u8d70\u4e5f\u80fd\u7f16&#xff09;<\/p>\n<p>\u5237\u65b0\u8fd0\u884c\u65f6\u5e93\u3001\u7f16\u8bd1\u3001\u94fe\u63a5\u90fd\u7531\u811a\u672c\u5904\u7406&#xff1b;\u4ea7\u7269\u5c31\u5728\u8bfe\u81ea\u5df1\u7684\u76ee\u5f55\u91cc&#xff1a;<\/p>\n<p>examples\\\\lesson01_edit_button\\\\<br \/>\n  lesson01_edit_button.exe     &lt;- \u53cc\u51fb\u5c31\u80fd\u8dd1&#xff08;\u754c\u9762\u6587\u4ef6\u5c31\u5728\u65c1\u8fb9&#xff09;<br \/>\n  lesson01_edit_button.cgui    &lt;- \u754c\u9762&#xff1a;\u7528\u753b\u5e03\u6253\u5f00\u6539&#xff0c;\u6539\u5b8c\u4e0d\u7528\u91cd\u7f16\u8bd1<br \/>\n  main.c                       &lt;- \u4e1a\u52a1&#xff1a;\u4f60\u8981\u8bfb\u3001\u8981\u6539\u7684\u5c31\u662f\u8fd9\u4e2a\u6587\u4ef6<br \/>\n  lib\\\\                         &lt;- \u8fd0\u884c\u65f6\u5e93\u526f\u672c &#043; \u4e2d\u95f4\u4ea7\u7269<br \/>\n  build-app.bat                &lt;- \u53cc\u51fb\u5373\u53ef\u91cd\u65b0\u7f16\u8bd1\u8fd9\u4e00\u8bfe<\/p>\n<h3>2.2 \u8fd0\u884c \/ \u81ea\u68c0<\/h3>\n<p>examples\\\\lesson01_edit_button\\\\lesson01_edit_button.exe                       :: \u53cc\u51fb\u4e5f\u884c<br \/>\nexamples\\\\lesson01_edit_button\\\\lesson01_edit_button.exe &#8211;selftest examples\\\\lesson01_edit_button\\\\lesson01_edit_button.cgui<\/p>\n<p>&#8211;selftest \u4e0d\u5f00\u7a97&#xff0c;\u53ea\u505a\u4e09\u4ef6\u4e8b&#xff1a;\u89e3\u6790 .cgui \u2192 \u6253\u5370\u63a7\u4ef6\u6811 \u2192 \u628a\u6bcf\u4e2a\u7ed1\u5b9a\u4e86\u56de\u8c03\u7684\u4e8b\u4ef6 \u771f\u7684\u5408\u6210\u8c03\u4e00\u6b21\u3002\u5b83\u662f\u552f\u4e00\u80fd\u81ea\u52a8\u53d1\u73b0\u300c\u4e8b\u4ef6\u540d\u5199\u9519\u4e86\u300d\u7684\u624b\u6bb5&#xff08;\u4e8b\u4ef6\u6309\u540d\u5b57\u67e5\u8868&#xff0c; \u540d\u5b57\u5199\u9519\u7f16\u8bd1\u4e0d\u4f1a\u62a5\u9519&#xff09;&#xff1a;<\/p>\n<ul>\n<li>\u8fd4\u56de 0&#xff1a;\u4e8b\u4ef6\u540d\u548c C \u51fd\u6570\u5168\u5bf9\u5f97\u4e0a&#xff1b;<\/li>\n<li>\u8fd4\u56de 5&#xff1a;\u6709\u540d\u5b57\u5728 C \u4fa7\u6ca1 CG_BIND&#xff08;\u8f93\u51fa\u91cc\u4f1a\u5217\u51fa\u662f\u54ea\u4e2a\u63a7\u4ef6\u3001\u54ea\u4e2a\u4e8b\u4ef6&#xff09;&#xff1b;<\/li>\n<li>\u8fd4\u56de 2 \/ 3&#xff1a;\u754c\u9762\u6587\u4ef6\u627e\u4e0d\u5230 \/ \u683c\u5f0f\u6709\u9519\u3002<\/li>\n<\/ul>\n<p>\u6539\u5b8c C \u4ee3\u7801\u540e\u8dd1\u4e00\u6b21 &#8211;selftest&#xff0c;\u662f\u8fd9\u5957\u6846\u67b6\u91cc\u6027\u4ef7\u6bd4\u6700\u9ad8\u7684\u4e60\u60ef\u3002<\/p>\n<h3>2.3 \u60f3\u6539\u754c\u9762<\/h3>\n<p>\u7528\u753b\u5e03&#xff08;designer\\\\release\\\\CStackGUI.exe \u6216 npm run dev&#xff09;\u6253\u5f00\u90a3\u4e00\u8bfe\u7684 .cgui&#xff0c; \u6539\u5b8c Ctrl&#043;S&#xff0c;\u76f4\u63a5\u91cd\u8dd1 exe \u5c31\u80fd\u770b\u5230\u6548\u679c&#xff0c;\u4e0d\u7528\u91cd\u65b0\u7f16\u8bd1 C\u3002 .cgui \u662f\u8fd0\u884c\u65f6\u8bfb\u7684&#xff0c;\u8fd9\u662f\u672c\u6846\u67b6\u6700\u7701\u4e8b\u7684\u5730\u65b9\u3002<\/p>\n<hr \/>\n<h2>\u4e09\u3001\u6bcf\u8bfe\u8be6\u89e3<\/h2>\n<h3>\u5165\u95e8 01&#xff1a;\u7f16\u8f91\u6846\u548c\u6309\u94ae<\/h3>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922192450-6ab2d602213a0.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>\u4e00\u53e5\u8bdd&#xff1a;\u6240\u6709 CStackGUI \u7a0b\u5e8f\u7684\u9aa8\u67b6&#xff0c;\u90fd\u5728\u8fd9\u4e00\u8bfe\u91cc\u4e86\u3002<\/p>\n<p>\u754c\u9762&#xff1a;\u4e00\u4e2a\u63d0\u793a\u6807\u7b7e\u3001\u4e00\u4e2a\u5355\u884c\u7f16\u8f91\u6846\u3001\u4e24\u4e2a\u6309\u94ae&#xff08;\u6253\u62db\u547c \/ \u6e05\u7a7a&#xff09;\u3001\u4e00\u4e2a\u7ed3\u679c\u6807\u7b7e\u3001\u4e00\u4e2a\u72b6\u6001\u680f\u3002<\/p>\n<p>\u56de\u8c03&#xff08;3 \u4e2a&#xff09;<\/p>\n<table>\n<tr>\u4e8b\u4ef6\u56de\u8c03\u5e72\u4ec0\u4e48<\/tr>\n<tbody>\n<tr>\n<td>\u7f16\u8f91\u6846 change<\/td>\n<td>on_input_change<\/td>\n<td>\u6bcf\u6572\u4e00\u4e2a\u5b57\u6765\u4e00\u6b21&#xff1a;\u66f4\u65b0\u72b6\u6001\u680f\u3001\u51b3\u5b9a\u300c\u6253\u62db\u547c\u300d\u6309\u94ae\u80fd\u4e0d\u80fd\u70b9<\/td>\n<\/tr>\n<tr>\n<td>\u7f16\u8f91\u6846 submit<\/td>\n<td>on_hello_submit<\/td>\n<td>\u5728\u7f16\u8f91\u6846\u91cc\u6309\u56de\u8f66 &#061;&#061; \u70b9\u6309\u94ae<\/td>\n<\/tr>\n<tr>\n<td>\u4e24\u4e2a\u6309\u94ae click<\/td>\n<td>on_button_click<\/td>\n<td>\u5171\u7528\u4e00\u4e2a\u56de\u8c03&#xff0c;\u7528 cg_widget_id(self) \u5206\u8fa8\u662f\u8c01\u88ab\u70b9\u7684<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u4e09\u4e2a\u8981\u70b9<\/p>\n<li>\u56de\u8c03\u7684\u7b2c\u4e00\u6b65\u6c38\u8fdc\u662f cg_app_of(self)&#xff1a;\u4ece&#034;\u88ab\u70b9\u7684\u63a7\u4ef6&#034;\u62ff\u5230\u5e94\u7528&#xff0c;\u518d cg_find(app, &#034;id&#034;) \u53bb\u627e\u522b\u7684\u63a7\u4ef6\u3002cg_find \u627e\u4e0d\u5230\u8fd4\u56de NULL&#xff0c;\u5927\u90e8\u5206 cg_widget_* \u51fd\u6570\u5bf9 NULL \u662f\u5b89\u5168\u7684&#xff08;\u5b89\u9759\u8df3\u8fc7&#xff09;&#xff0c; \u6240\u4ee5\u4e0d\u7528\u5230\u5904\u5224\u7a7a\u3002<\/li>\n<li>\u7a0b\u5e8f\u6539\u63a7\u4ef6\u4e0d\u4f1a\u89e6\u53d1 change \u56de\u8c03\u3002\u70b9\u300c\u6e05\u7a7a\u300d\u65f6 cg_widget_set_text(edt, &#034;&#034;) \u4e0d\u4f1a\u8ba9 \u7f16\u8f91\u6846\u53d1\u51fa change&#xff0c;\u6240\u4ee5\u4f60\u5fc5\u987b\u5728\u6e05\u7a7a\u4e4b\u540e\u81ea\u5df1\u628a\u6309\u94ae\u72b6\u6001\u540c\u6b65\u4e00\u904d&#xff08;\u4ee3\u7801\u91cc\u6709\u6ce8\u91ca\u6807\u51fa\u8fd9\u4e00\u70b9&#xff09;\u3002 \u8fd9\u6761\u89c4\u5219\u662f\u6545\u610f\u7684&#xff1a;\u5426\u5219&#034;\u56de\u8c03\u6539\u63a7\u4ef6&#034;\u4f1a\u81ea\u5df1\u5957\u81ea\u5df1\u3002<\/li>\n<li>cg_str_format \u8fd4\u56de\u7684\u662f\u5806\u5185\u5b58&#xff0c;\u7528\u5b8c\u5fc5\u987b cg_free\u3002\u60f3\u62fc\u4e0d\u5b9a\u957f\u6587\u5b57\u5c31\u7528\u5b83&#xff1b; \u957f\u5ea6\u53ef\u63a7&#xff08;char buf[128] \u591f&#xff09;\u65f6\u7528 snprintf \u66f4\u7701\u4e8b\u3002<\/li>\n<p>\u52a8\u624b\u6539\u4e00\u6539<\/p>\n<ul>\n<li>\u628a\u7ed3\u679c\u6807\u7b7e\u7684 style.fg \u6362\u6210\u522b\u7684\u989c\u8272&#xff08;\u753b\u5e03\u5c5e\u6027\u9762\u677f&#xff0c;\u6216\u76f4\u63a5\u6539 .cgui \u91cc\u7684 #6750A4&#xff09;\u3002<\/li>\n<li>\u52a0\u7b2c\u4e09\u4e2a\u6309\u94ae\u300c\u590d\u5236\u7ed3\u679c\u300d&#xff0c;\u56de\u8c03\u91cc\u7528 cg_clip_set_text() \u628a\u7ed3\u679c\u5199\u8fdb\u526a\u8d34\u677f\u3002<\/li>\n<li>\u7ed9\u7f16\u8f91\u6846\u52a0 maxlength&#xff1f;\u2014\u2014 .cgui \u6ca1\u6709\u8fd9\u4e2a\u5b57\u6bb5&#xff0c;\u5728 on_input_change \u91cc\u624b\u52a8\u622a\u65ad\u8bd5\u8bd5\u3002<\/li>\n<\/ul>\n<p><span class=\"token comment\">\/**<br \/>\n * &#064;file    main.c<br \/>\n * &#064;brief   \u5165\u95e8 01&#xff1a;\u7f16\u8f91\u6846 &#043; \u6309\u94ae \u2014\u2014 \u6700\u5c0f\u7684\u4e00\u6b21\u300c\u8bfb\u8f93\u5165\u3001\u6539\u754c\u9762\u300d<br \/>\n * &#064;details \u8fd9\u4e00\u4e2a\u4f8b\u5b50\u53ea\u8bb2\u4e09\u4ef6\u4e8b&#xff0c;\u4e5f\u662f\u6240\u6709 CStackGUI \u7a0b\u5e8f\u7684\u5171\u540c\u9aa8\u67b6&#xff1a;<br \/>\n *<br \/>\n *            1. &#096;.cgui&#096; \u91cc\u7ed9\u63a7\u4ef6\u8d77 id&#xff08;\u8fd9\u91cc\u662f edt_name \/ btn_hello \/ lab_result&#xff09;&#xff1b;<br \/>\n *            2. &#096;.cgui&#096; \u7684\u4e8b\u4ef6\u683c\u91cc\u586b **C \u51fd\u6570\u540d**&#xff0c;C \u4fa7\u7528 CG_BIND \u628a\u540d\u5b57\u63a5\u5230\u51fd\u6570\u4e0a&#xff1b;<br \/>\n *            3. \u56de\u8c03\u91cc\u7528 cg_find(app, &#034;id&#034;) \u627e\u5230\u522b\u7684\u63a7\u4ef6&#xff0c;\u8bfb\u5b83 \/ \u6539\u5b83\u3002<br \/>\n *<br \/>\n *          \u987a\u5e26\u6f14\u793a\u56db\u4e2a\u65b0\u624b\u6700\u5e38\u95ee\u7684\u70b9&#xff1a;<br \/>\n *            &#8211; \u4e24\u4e2a\u6309\u94ae\u53ef\u4ee5\u5171\u7528\u4e00\u4e2a\u56de\u8c03&#xff0c;\u7528 cg_widget_id(self) \u5206\u8fa8\u662f\u8c01\u88ab\u70b9\u7684&#xff1b;<br \/>\n *            &#8211; \u7a0b\u5e8f\u6539\u63a7\u4ef6&#xff08;set_text \/ set_enabled&#xff09;**\u4e0d\u4f1a**\u89e6\u53d1 change \u56de\u8c03&#xff0c;<br \/>\n *              \u6240\u4ee5\u754c\u9762\u72b6\u6001\u8981\u81ea\u5df1\u540c\u6b65&#xff08;\u89c1 on_button_click \u7684\u300c\u6e05\u7a7a\u300d\u5206\u652f&#xff09;&#xff1b;<br \/>\n *            &#8211; cg_str_format \u8fd4\u56de\u7684\u5b57\u7b26\u4e32\u662f\u5806\u5185\u5b58&#xff0c;\u7528\u5b8c\u5fc5\u987b cg_free&#xff1b;<br \/>\n *            &#8211; \u60f3\u5f39\u6d88\u606f\u6846\u7684\u5730\u65b9\u5148\u95ee\u4e00\u53e5 cg_app_has_window()&#xff0c;\u5426\u5219 &#8211;selftest \u4f1a\u88ab\u5f39\u7a97\u5361\u4f4f\u3002<br \/>\n *<br \/>\n * \u754c\u9762\u5728 lesson01_edit_button.cgui \u91cc&#xff1b;\u672c\u6587\u4ef6\u53ea\u6709\u884c\u4e3a\u3002<br \/>\n * \u7f16\u8bd1&#xff1a;\u5728\u9879\u76ee\u6839\u8dd1 build-app.bat lesson01_edit_button<br \/>\n *\/<\/span><br \/>\n<span class=\"token macro property\"><span class=\"token directive-hash\">#<\/span><span class=\"token directive keyword\">include<\/span> <span class=\"token string\">&#034;cstackgui.h&#034;<\/span><\/span><\/p>\n<p><span class=\"token macro property\"><span class=\"token directive-hash\">#<\/span><span class=\"token directive keyword\">include<\/span> <span class=\"token string\">&lt;string.h&gt;<\/span><\/span><\/p>\n<p><span class=\"token comment\">\/* &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; \u4e1a\u52a1\u72b6\u6001<br \/>\n * \u4f8b\u5b50\u53ea\u6709\u4e00\u4e2a\u8ba1\u6570\u5668&#xff0c;\u4f46\u5b83\u653e\u5728&#034;\u6587\u4ef6\u4f5c\u7528\u57df\u7684\u9759\u6001\u53d8\u91cf&#034;\u91cc \u2014\u2014 \u8fd9\u662f C \u91cc\u6700\u7701\u4e8b\u7684\u505a\u6cd5&#xff1a;<br \/>\n * \u56de\u8c03\u968f\u65f6\u80fd\u62ff\u5230\u3002\u72b6\u6001\u591a\u7684\u9879\u76ee\u5c31\u5b9a\u4e49\u4e00\u4e2a\u7ed3\u6784\u4f53&#xff08;\u89c1 examples\\\\notepad&#xff09;\u3002<br \/>\n *\/<\/span><br \/>\n<span class=\"token keyword\">static<\/span> <span class=\"token keyword\">int<\/span> s_hello_count<span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token comment\">\/** &#064;brief \u6570\u6709\u51e0\u4e2a\u5b57&#xff08;UTF-8 \u7f16\u7801\u4e0b\u7eed\u5b57\u8282\u4e0d\u7b97\u4e00\u4e2a\u5b57&#xff0c;\u8fd9\u6837\u4e2d\u6587\u6309&#034;\u5b57&#034;\u7b97\u800c\u4e0d\u662f\u6309\u5b57\u8282&#xff09; *\/<\/span><br \/>\n<span class=\"token keyword\">static<\/span> <span class=\"token keyword\">int<\/span> <span class=\"token function\">count_chars<\/span><span class=\"token punctuation\">(<\/span><span class=\"token keyword\">const<\/span> <span class=\"token keyword\">char<\/span> <span class=\"token operator\">*<\/span>s<span class=\"token punctuation\">)<\/span><br \/>\n<span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">int<\/span> n <span class=\"token operator\">&#061;<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>    <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token operator\">!<\/span>s<span class=\"token punctuation\">)<\/span> <span class=\"token keyword\">return<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">for<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token operator\">*<\/span>s<span class=\"token punctuation\">;<\/span> s<span class=\"token operator\">&#043;&#043;<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">(<\/span><span class=\"token keyword\">unsigned<\/span> <span class=\"token keyword\">char<\/span><span class=\"token punctuation\">)<\/span><span class=\"token operator\">*<\/span>s <span class=\"token operator\">&amp;<\/span> <span class=\"token number\">0xC0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">!&#061;<\/span> <span class=\"token number\">0x80<\/span><span class=\"token punctuation\">)<\/span> n<span class=\"token operator\">&#043;&#043;<\/span><span class=\"token punctuation\">;<\/span>   <span class=\"token comment\">\/* 10xxxxxx \u662f\u7eed\u5b57\u8282 *\/<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token keyword\">return<\/span> n<span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/** &#064;brief \u628a\u72b6\u6001\u680f\u7b2c\u4e00\u6bb5\u6539\u6210\u4e00\u53e5\u8bdd&#xff08;\u63a7\u4ef6\u627e\u4e0d\u5230\u5c31\u5b89\u9759\u8df3\u8fc7&#xff0c;\u522b\u5d29&#xff09; *\/<\/span><br \/>\n<span class=\"token keyword\">static<\/span> <span class=\"token keyword\">void<\/span> <span class=\"token function\">set_status<\/span><span class=\"token punctuation\">(<\/span><span class=\"token class-name\">cg_app_t<\/span> <span class=\"token operator\">*<\/span>app<span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">const<\/span> <span class=\"token keyword\">char<\/span> <span class=\"token operator\">*<\/span>text<span class=\"token punctuation\">)<\/span><br \/>\n<span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token function\">cg_status_set<\/span><span class=\"token punctuation\">(<\/span><span class=\"token function\">cg_find<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;sb_main&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">,<\/span> text<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/**<br \/>\n * &#064;brief \u6253\u62db\u547c&#xff1a;\u6309\u94ae click \u548c\u8f93\u5165\u6846 submit \u5171\u7528\u8fd9\u4e00\u4efd\u903b\u8f91<br \/>\n * &#064;param app \u6240\u5c5e\u5e94\u7528<br \/>\n *\/<\/span><br \/>\n<span class=\"token keyword\">static<\/span> <span class=\"token keyword\">void<\/span> <span class=\"token function\">say_hello<\/span><span class=\"token punctuation\">(<\/span><span class=\"token class-name\">cg_app_t<\/span> <span class=\"token operator\">*<\/span>app<span class=\"token punctuation\">)<\/span><br \/>\n<span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token class-name\">cg_widget_t<\/span> <span class=\"token operator\">*<\/span>edt <span class=\"token operator\">&#061;<\/span> <span class=\"token function\">cg_find<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;edt_name&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token class-name\">cg_widget_t<\/span> <span class=\"token operator\">*<\/span>lab <span class=\"token operator\">&#061;<\/span> <span class=\"token function\">cg_find<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;lab_result&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">const<\/span> <span class=\"token keyword\">char<\/span>  <span class=\"token operator\">*<\/span>name <span class=\"token operator\">&#061;<\/span> <span class=\"token function\">cg_widget_text<\/span><span class=\"token punctuation\">(<\/span>edt<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>   <span class=\"token comment\">\/* \u63a7\u4ef6\u5f53\u524d\u7684\u6587\u5b57 *\/<\/span><\/p>\n<p>    <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token operator\">!<\/span>name <span class=\"token operator\">||<\/span> <span class=\"token operator\">!<\/span><span class=\"token operator\">*<\/span>name<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token function\">cg_widget_set_text<\/span><span class=\"token punctuation\">(<\/span>lab<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;\u5148\u5728\u4e0a\u9762\u8f93\u5165\u4e00\u4e2a\u540d\u5b57\u5427\u3002&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token keyword\">return<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><\/p>\n<p>    s_hello_count<span class=\"token operator\">&#043;&#043;<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token comment\">\/* cg_str_format \u6309 printf \u89c4\u5219\u62fc\u4e32&#xff0c;\u8fd4\u56de\u5806\u5185\u5b58 \u2014\u2014 \u4f20\u51fa\u53bb\u4e4b\u540e\u8981\u8fd8\u56de\u53bb *\/<\/span><br \/>\n        <span class=\"token keyword\">char<\/span> <span class=\"token operator\">*<\/span>msg <span class=\"token operator\">&#061;<\/span> <span class=\"token function\">cg_str_format<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;\u4f60\u597d&#xff0c;%s&#xff01;\\\\n\\\\n\u8fd9\u662f\u7b2c %d \u6b21\u6253\u62db\u547c\u3002&#034;<\/span><span class=\"token punctuation\">,<\/span> name<span class=\"token punctuation\">,<\/span> s_hello_count<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token function\">cg_widget_set_text<\/span><span class=\"token punctuation\">(<\/span>lab<span class=\"token punctuation\">,<\/span> msg<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token function\">cg_free<\/span><span class=\"token punctuation\">(<\/span>msg<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token function\">cg_log<\/span><span class=\"token punctuation\">(<\/span>CG_LOG_INFO<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;\u6253\u62db\u547c&#xff1a;%s&#xff08;\u7b2c %d \u6b21&#xff09;&#034;<\/span><span class=\"token punctuation\">,<\/span> name<span class=\"token punctuation\">,<\/span> s_hello_count<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token function\">cg_status_setf<\/span><span class=\"token punctuation\">(<\/span><span class=\"token function\">cg_find<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;sb_main&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;\u5df2\u7ecf\u6253\u4e86 %d \u6b21\u62db\u547c&#034;<\/span><span class=\"token punctuation\">,<\/span> s_hello_count<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/**<br \/>\n * &#064;brief \u8f93\u5165\u6846\u5185\u5bb9\u53d8\u4e86&#xff08;\u6bcf\u6572\u4e00\u4e2a\u5b57\u90fd\u4f1a\u6765\u4e00\u6b21&#xff09;<br \/>\n * &#064;param self \u8f93\u5165\u6846<br \/>\n * &#064;param ev change<br \/>\n * &#064;param user \u672a\u4f7f\u7528<br \/>\n *\/<\/span><br \/>\n<span class=\"token keyword\">static<\/span> <span class=\"token keyword\">void<\/span> <span class=\"token function\">on_input_change<\/span><span class=\"token punctuation\">(<\/span><span class=\"token class-name\">cg_widget_t<\/span> <span class=\"token operator\">*<\/span>self<span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">cg_event_t<\/span> ev<span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">void<\/span> <span class=\"token operator\">*<\/span>user<span class=\"token punctuation\">)<\/span><br \/>\n<span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token class-name\">cg_app_t<\/span> <span class=\"token operator\">*<\/span>app <span class=\"token operator\">&#061;<\/span> <span class=\"token function\">cg_app_of<\/span><span class=\"token punctuation\">(<\/span>self<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>          <span class=\"token comment\">\/* \u56de\u8c03\u91cc\u7b2c\u4e00\u6b65&#xff1a;\u4ece\u63a7\u4ef6\u62ff\u5230\u5e94\u7528 *\/<\/span><br \/>\n    <span class=\"token keyword\">int<\/span>       n <span class=\"token operator\">&#061;<\/span> <span class=\"token function\">count_chars<\/span><span class=\"token punctuation\">(<\/span><span class=\"token function\">cg_widget_text<\/span><span class=\"token punctuation\">(<\/span>self<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>    <span class=\"token punctuation\">(<\/span><span class=\"token keyword\">void<\/span><span class=\"token punctuation\">)<\/span>ev<span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">(<\/span><span class=\"token keyword\">void<\/span><span class=\"token punctuation\">)<\/span>user<span class=\"token punctuation\">;<\/span><\/p>\n<p>    <span class=\"token comment\">\/* \u300c\u80fd\u4e0d\u80fd\u70b9\u300d\u7531\u4e1a\u52a1\u51b3\u5b9a&#xff1a;\u6ca1\u8f93\u5165\u540d\u5b57\u65f6\u6309\u94ae\u76f4\u63a5\u7981\u7528&#xff0c;\u7528\u6237\u4e00\u773c\u5c31\u77e5\u9053\u8981\u5148\u586b\u4e1c\u897f *\/<\/span><br \/>\n    <span class=\"token function\">cg_widget_set_enabled<\/span><span class=\"token punctuation\">(<\/span><span class=\"token function\">cg_find<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;btn_hello&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span> n <span class=\"token operator\">&gt;<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>n <span class=\"token operator\">&gt;<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token function\">cg_status_setf<\/span><span class=\"token punctuation\">(<\/span><span class=\"token function\">cg_find<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;sb_main&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;\u5df2\u8f93\u5165 %d \u4e2a\u5b57&#034;<\/span><span class=\"token punctuation\">,<\/span> n<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">else<\/span>       <span class=\"token function\">set_status<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;\u7b49\u5f85\u8f93\u5165&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/**<br \/>\n * &#064;brief \u4e24\u4e2a\u6309\u94ae\u5171\u7528\u7684\u70b9\u51fb\u56de\u8c03&#xff1a;\u7528 cg_widget_id() \u5206\u8fa8\u662f\u8c01<br \/>\n * &#064;param self \u88ab\u70b9\u7684\u6309\u94ae<br \/>\n * &#064;param ev click<br \/>\n * &#064;param user \u672a\u4f7f\u7528<br \/>\n *\/<\/span><br \/>\n<span class=\"token keyword\">static<\/span> <span class=\"token keyword\">void<\/span> <span class=\"token function\">on_button_click<\/span><span class=\"token punctuation\">(<\/span><span class=\"token class-name\">cg_widget_t<\/span> <span class=\"token operator\">*<\/span>self<span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">cg_event_t<\/span> ev<span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">void<\/span> <span class=\"token operator\">*<\/span>user<span class=\"token punctuation\">)<\/span><br \/>\n<span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token class-name\">cg_app_t<\/span>   <span class=\"token operator\">*<\/span>app <span class=\"token operator\">&#061;<\/span> <span class=\"token function\">cg_app_of<\/span><span class=\"token punctuation\">(<\/span>self<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">const<\/span> <span class=\"token keyword\">char<\/span> <span class=\"token operator\">*<\/span>id <span class=\"token operator\">&#061;<\/span> <span class=\"token function\">cg_widget_id<\/span><span class=\"token punctuation\">(<\/span>self<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>    <span class=\"token punctuation\">(<\/span><span class=\"token keyword\">void<\/span><span class=\"token punctuation\">)<\/span>ev<span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">(<\/span><span class=\"token keyword\">void<\/span><span class=\"token punctuation\">)<\/span>user<span class=\"token punctuation\">;<\/span><\/p>\n<p>    <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token function\">cg_str_equal<\/span><span class=\"token punctuation\">(<\/span>id<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;btn_hello&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token function\">say_hello<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">else<\/span> <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token function\">cg_str_equal<\/span><span class=\"token punctuation\">(<\/span>id<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;btn_clear&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token function\">cg_widget_set_text<\/span><span class=\"token punctuation\">(<\/span><span class=\"token function\">cg_find<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;edt_name&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token function\">cg_widget_set_text<\/span><span class=\"token punctuation\">(<\/span><span class=\"token function\">cg_find<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;lab_result&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;&#xff08;\u7ed3\u679c\u663e\u793a\u5728\u8fd9\u91cc&#xff09;&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token comment\">\/* \u6ce8\u610f&#xff1a;\u4e0a\u9762\u90a3\u53e5 set_text **\u4e0d\u4f1a**\u89e6\u53d1 on_input_change&#xff08;\u8fd0\u884c\u65f6\u6545\u610f\u5c4f\u853d\u4e86<br \/>\n         * &#034;\u7a0b\u5e8f\u6539\u63a7\u4ef6&#034;\u4ea7\u751f\u7684\u901a\u77e5&#xff09;&#xff0c;\u6240\u4ee5\u8fd9\u91cc\u81ea\u5df1\u628a\u6309\u94ae\u518d\u7981\u7528\u4e00\u6b21&#xff0c;\u4e0d\u7136\u4f1a\u51fa\u73b0<br \/>\n         * &#034;\u6846\u7a7a\u4e86\u6309\u94ae\u8fd8\u662f\u4eae\u7684&#034;\u3002 *\/<\/span><br \/>\n        <span class=\"token function\">cg_widget_set_enabled<\/span><span class=\"token punctuation\">(<\/span><span class=\"token function\">cg_find<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;btn_hello&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token function\">set_status<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;\u5df2\u6e05\u7a7a&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token function\">cg_log<\/span><span class=\"token punctuation\">(<\/span>CG_LOG_INFO<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;\u6e05\u7a7a\u8f93\u5165&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/**<br \/>\n * &#064;brief \u5728\u8f93\u5165\u6846\u91cc\u6309\u4e86\u56de\u8f66&#xff08;submit \u4e8b\u4ef6&#xff09;<br \/>\n * &#064;param self \u8f93\u5165\u6846<br \/>\n * &#064;param ev submit<br \/>\n * &#064;param user \u672a\u4f7f\u7528<br \/>\n *\/<\/span><br \/>\n<span class=\"token keyword\">static<\/span> <span class=\"token keyword\">void<\/span> <span class=\"token function\">on_hello_submit<\/span><span class=\"token punctuation\">(<\/span><span class=\"token class-name\">cg_widget_t<\/span> <span class=\"token operator\">*<\/span>self<span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">cg_event_t<\/span> ev<span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">void<\/span> <span class=\"token operator\">*<\/span>user<span class=\"token punctuation\">)<\/span><br \/>\n<span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token punctuation\">(<\/span><span class=\"token keyword\">void<\/span><span class=\"token punctuation\">)<\/span>ev<span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">(<\/span><span class=\"token keyword\">void<\/span><span class=\"token punctuation\">)<\/span>user<span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token function\">say_hello<\/span><span class=\"token punctuation\">(<\/span><span class=\"token function\">cg_app_of<\/span><span class=\"token punctuation\">(<\/span>self<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/** &#064;brief \u754c\u9762\u5efa\u597d\u4e4b\u540e\u8c03\u4e00\u6b21&#xff1a;\u628a&#034;\u521d\u59cb\u72b6\u6001&#034;\u8bbe\u6210\u548c\u4e1a\u52a1\u4e00\u81f4 *\/<\/span><br \/>\n<span class=\"token keyword\">static<\/span> <span class=\"token keyword\">void<\/span> <span class=\"token function\">on_ready<\/span><span class=\"token punctuation\">(<\/span><span class=\"token class-name\">cg_app_t<\/span> <span class=\"token operator\">*<\/span>app<span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">void<\/span> <span class=\"token operator\">*<\/span>user<span class=\"token punctuation\">)<\/span><br \/>\n<span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token punctuation\">(<\/span><span class=\"token keyword\">void<\/span><span class=\"token punctuation\">)<\/span>user<span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token function\">cg_widget_set_enabled<\/span><span class=\"token punctuation\">(<\/span><span class=\"token function\">cg_find<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;btn_hello&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>   <span class=\"token comment\">\/* \u4e00\u5f00\u59cb\u6ca1\u8f93\u5165&#xff0c;\u6309\u94ae\u5148\u7981\u7528 *\/<\/span><br \/>\n    <span class=\"token function\">cg_log<\/span><span class=\"token punctuation\">(<\/span>CG_LOG_INFO<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;\u754c\u9762\u5c31\u7eea&#xff0c;\u5171 %d \u4e2a\u63a7\u4ef6&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token function\">cg_widget_count<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/* &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; \u7ed1\u5b9a\u8868<br \/>\n * \u5de6\u8fb9\u662f .cgui \u7684\u4e8b\u4ef6\u683c\u91cc\u5199\u7684\u540d\u5b57&#xff0c;\u53f3\u8fb9\u662f C \u51fd\u6570\u3002<br \/>\n * \u540d\u5b57\u5bf9\u4e0d\u4e0a\u7f16\u8bd1\u4e0d\u62a5\u9519&#xff08;\u8fd0\u884c\u65f6\u6309\u540d\u5b57\u67e5\u8868&#xff09;&#xff0c;\u9760 &#8211;selftest \u515c\u5e95\u3002<br \/>\n *\/<\/span><br \/>\n<span class=\"token keyword\">static<\/span> <span class=\"token keyword\">const<\/span> <span class=\"token class-name\">cg_binding_t<\/span> k_bindings<span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token function\">CG_BIND<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;on_input_change&#034;<\/span><span class=\"token punctuation\">,<\/span> on_input_change<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token function\">CG_BIND<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;on_button_click&#034;<\/span><span class=\"token punctuation\">,<\/span> on_button_click<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token function\">CG_BIND<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;on_hello_submit&#034;<\/span><span class=\"token punctuation\">,<\/span> on_hello_submit<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    CG_BIND_END<br \/>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token keyword\">int<\/span> <span class=\"token function\">main<\/span><span class=\"token punctuation\">(<\/span><span class=\"token keyword\">int<\/span> argc<span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">char<\/span> <span class=\"token operator\">*<\/span><span class=\"token operator\">*<\/span>argv<span class=\"token punctuation\">)<\/span><br \/>\n<span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token class-name\">cg_app_desc_t<\/span> desc<span class=\"token punctuation\">;<\/span><\/p>\n<p>    <span class=\"token function\">memset<\/span><span class=\"token punctuation\">(<\/span><span class=\"token operator\">&amp;<\/span>desc<span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">sizeof<\/span><span class=\"token punctuation\">(<\/span>desc<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    desc<span class=\"token punctuation\">.<\/span>bindings <span class=\"token operator\">&#061;<\/span> k_bindings<span class=\"token punctuation\">;<\/span><br \/>\n    desc<span class=\"token punctuation\">.<\/span>auto_locate_cgui <span class=\"token operator\">&#061;<\/span> <span class=\"token number\">1<\/span><span class=\"token punctuation\">;<\/span>   <span class=\"token comment\">\/* \u53cc\u51fb exe \u4e5f\u80fd\u8dd1&#xff1a;\u81ea\u52a8\u5728 exe \u65c1\u8fb9\u627e .cgui *\/<\/span><br \/>\n    desc<span class=\"token punctuation\">.<\/span>on_ready <span class=\"token operator\">&#061;<\/span> on_ready<span class=\"token punctuation\">;<\/span><\/p>\n<p>    <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>argc <span class=\"token operator\">&gt;<\/span> <span class=\"token number\">1<\/span> <span class=\"token operator\">&amp;&amp;<\/span> <span class=\"token function\">strcmp<\/span><span class=\"token punctuation\">(<\/span>argv<span class=\"token punctuation\">[<\/span><span class=\"token number\">1<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;&#8211;selftest&#034;<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;&#061;<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        desc<span class=\"token punctuation\">.<\/span>cgui_path <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">(<\/span>argc <span class=\"token operator\">&gt;<\/span> <span class=\"token number\">2<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">?<\/span> argv<span class=\"token punctuation\">[<\/span><span class=\"token number\">2<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;lesson01_edit_button.cgui&#034;<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token keyword\">return<\/span> <span class=\"token function\">cg_app_selftest<\/span><span class=\"token punctuation\">(<\/span><span class=\"token operator\">&amp;<\/span>desc<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>   <span class=\"token comment\">\/* \u4e0d\u5f00\u7a97&#xff0c;\u89e3\u6790 &#043; \u771f\u8c03\u4e00\u904d\u6240\u6709\u56de\u8c03 *\/<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n    desc<span class=\"token punctuation\">.<\/span>cgui_path <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">(<\/span>argc <span class=\"token operator\">&gt;<\/span> <span class=\"token number\">1<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">?<\/span> argv<span class=\"token punctuation\">[<\/span><span class=\"token number\">1<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;lesson01_edit_button.cgui&#034;<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">return<\/span> <span class=\"token function\">cg_app_run<\/span><span class=\"token punctuation\">(<\/span><span class=\"token operator\">&amp;<\/span>desc<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<hr \/>\n<p>\u4e0b\u9762\u662f\u5165\u95e8 01 \u7684\u7a0b\u5e8f\u7ed3\u6784\u56fe&#xff0c;\u5c55\u793a\u4e86 .cgui \u754c\u9762\u6587\u4ef6\u3001C \u4ee3\u7801\u548c\u8fd0\u884c\u65f6\u4e4b\u95f4\u7684\u534f\u4f5c\u5173\u7cfb&#xff1a;<\/p>\n<p>  #mermaid-svg-wagYFCiO967OMEsV{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-wagYFCiO967OMEsV .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-wagYFCiO967OMEsV .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-wagYFCiO967OMEsV .error-icon{fill:#552222;}#mermaid-svg-wagYFCiO967OMEsV .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-wagYFCiO967OMEsV .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-wagYFCiO967OMEsV .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-wagYFCiO967OMEsV .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-wagYFCiO967OMEsV .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-wagYFCiO967OMEsV .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-wagYFCiO967OMEsV .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-wagYFCiO967OMEsV .marker{fill:#333333;stroke:#333333;}#mermaid-svg-wagYFCiO967OMEsV .marker.cross{stroke:#333333;}#mermaid-svg-wagYFCiO967OMEsV svg{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-wagYFCiO967OMEsV p{margin:0;}#mermaid-svg-wagYFCiO967OMEsV .label{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;color:#333;}#mermaid-svg-wagYFCiO967OMEsV .cluster-label text{fill:#333;}#mermaid-svg-wagYFCiO967OMEsV .cluster-label span{color:#333;}#mermaid-svg-wagYFCiO967OMEsV .cluster-label span p{background-color:transparent;}#mermaid-svg-wagYFCiO967OMEsV .label text,#mermaid-svg-wagYFCiO967OMEsV span{fill:#333;color:#333;}#mermaid-svg-wagYFCiO967OMEsV .node rect,#mermaid-svg-wagYFCiO967OMEsV .node circle,#mermaid-svg-wagYFCiO967OMEsV .node ellipse,#mermaid-svg-wagYFCiO967OMEsV .node polygon,#mermaid-svg-wagYFCiO967OMEsV .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-wagYFCiO967OMEsV .rough-node .label text,#mermaid-svg-wagYFCiO967OMEsV .node .label text,#mermaid-svg-wagYFCiO967OMEsV .image-shape .label,#mermaid-svg-wagYFCiO967OMEsV .icon-shape .label{text-anchor:middle;}#mermaid-svg-wagYFCiO967OMEsV .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-wagYFCiO967OMEsV .rough-node .label,#mermaid-svg-wagYFCiO967OMEsV .node .label,#mermaid-svg-wagYFCiO967OMEsV .image-shape .label,#mermaid-svg-wagYFCiO967OMEsV .icon-shape .label{text-align:center;}#mermaid-svg-wagYFCiO967OMEsV .node.clickable{cursor:pointer;}#mermaid-svg-wagYFCiO967OMEsV .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-wagYFCiO967OMEsV .arrowheadPath{fill:#333333;}#mermaid-svg-wagYFCiO967OMEsV .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-wagYFCiO967OMEsV .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-wagYFCiO967OMEsV .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-wagYFCiO967OMEsV .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-wagYFCiO967OMEsV .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-wagYFCiO967OMEsV .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-wagYFCiO967OMEsV .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-wagYFCiO967OMEsV .cluster text{fill:#333;}#mermaid-svg-wagYFCiO967OMEsV .cluster span{color:#333;}#mermaid-svg-wagYFCiO967OMEsV div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-wagYFCiO967OMEsV .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-wagYFCiO967OMEsV rect.text{fill:none;stroke-width:0;}#mermaid-svg-wagYFCiO967OMEsV .icon-shape,#mermaid-svg-wagYFCiO967OMEsV .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-wagYFCiO967OMEsV .icon-shape p,#mermaid-svg-wagYFCiO967OMEsV .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-wagYFCiO967OMEsV .icon-shape .label rect,#mermaid-svg-wagYFCiO967OMEsV .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-wagYFCiO967OMEsV .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-wagYFCiO967OMEsV .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-wagYFCiO967OMEsV :root{&#8211;mermaid-font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;}<\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u8fd0\u884c\u65f6<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>C \u4ee3\u7801 main.c<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u754c\u9762\u6587\u4ef6 .cgui<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u63a7\u4ef6\u5b9a\u4e49edt_name \/ btn_hello \/ lab_result<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u4e8b\u4ef6\u7ed1\u5b9achange -&gt; on_input_changeclick -&gt; on_button_click<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>CG_BIND \u7ed1\u5b9a\u8868\u4e8b\u4ef6\u540d -&gt; \u51fd\u6570\u6307\u9488<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u56de\u8c03\u51fd\u6570on_input_change \/ on_button_click<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>cg_app_run()<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u4e8b\u4ef6\u5206\u53d1<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>cg_find \/ cg_widget_set_text\u8bfb\u5199\u754c\u9762<\/p>\n<p><\/span><\/p>\n<h3>\u5165\u95e8 02&#xff1a;\u5e38\u7528\u8f93\u5165\u63a7\u4ef6<\/h3>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922192450-6ab2d6023e7cd.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>\u4e00\u53e5\u8bdd&#xff1a;\u8868\u5355\u91cc\u6700\u5e38\u7528\u7684\u516d\u79cd\u63a7\u4ef6&#xff0c;\u5404\u81ea\u7684&#034;\u8bfb&#034;\u548c&#034;\u5199&#034;\u662f\u4ec0\u4e48\u6837\u3002<\/p>\n<p>\u754c\u9762&#xff1a;\u4e00\u4e2a\u5206\u7ec4\u6846&#xff08;\u5bb9\u5668&#xff09;\u91cc\u653e\u7740\u59d3\u540d\u3001\u5e74\u9f84\u3001\u4f1a\u5458\u3001\u6027\u522b\u3001\u57ce\u5e02\u3001\u6ee1\u610f\u5ea6\u3001\u5b8c\u6210\u5ea6\u3001\u91cd\u7f6e\u6309\u94ae&#xff1b; \u5206\u7ec4\u6846\u4e0b\u9762\u662f\u6c47\u603b\u6807\u7b7e\u548c\u72b6\u6001\u680f\u3002<\/p>\n<p>\u516d\u79cd\u63a7\u4ef6\u7684\u8bfb \/ \u5199\u5bf9\u7167<\/p>\n<table>\n<tr>\u63a7\u4ef6\u8bfb\u5199\u5907\u6ce8<\/tr>\n<tbody>\n<tr>\n<td>\u7f16\u8f91\u6846 edit<\/td>\n<td>cg_widget_text()<\/td>\n<td>cg_widget_set_text()<\/td>\n<td>\u6587\u5b57\u5c31\u662f\u503c<\/td>\n<\/tr>\n<tr>\n<td>\u6570\u5b57\u5fae\u8c03 spinner<\/td>\n<td>cg_widget_value()<\/td>\n<td>cg_widget_set_value()<\/td>\n<td>\u8303\u56f4\u7531 .cgui \u7684 min\/max \u51b3\u5b9a&#xff0c;\u5199\u5165\u4f1a\u81ea\u52a8\u5939\u53d6<\/td>\n<\/tr>\n<tr>\n<td>\u590d\u9009\u6846 checkbox<\/td>\n<td>cg_widget_checked()<\/td>\n<td>cg_widget_set_checked()<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>\u5355\u9009\u94ae radio<\/td>\n<td>cg_widget_checked()<\/td>\n<td>cg_widget_set_checked()<\/td>\n<td>\u7a0b\u5e8f\u6539\u52fe\u9009\u4e0d\u4f1a\u81ea\u52a8\u53d6\u6d88\u5144\u5f1f&#xff0c;\u4e24\u4e2a\u90fd\u8981\u5199<\/td>\n<\/tr>\n<tr>\n<td>\u4e0b\u62c9\u6846 combo<\/td>\n<td>cg_widget_value() &#061; \u7b2c\u51e0\u9879<\/td>\n<td>cg_widget_set_value(i)<\/td>\n<td>\u6587\u5b57\u8981\u7528 cg_widget_list_item(cmb, i) \u518d\u53d6\u4e00\u6b21<\/td>\n<\/tr>\n<tr>\n<td>\u6ed1\u5757 slider<\/td>\n<td>cg_widget_value()<\/td>\n<td>cg_widget_set_value()<\/td>\n<td>change \u62d6\u52a8\u4e2d\u4e00\u76f4\u53d1&#xff0c;release \u677e\u624b\u624d\u53d1\u4e00\u6b21<\/td>\n<\/tr>\n<tr>\n<td>\u8fdb\u5ea6\u6761 progress<\/td>\n<td>\u2014&#xff08;\u53ea\u8bfb\u6765\u663e\u793a&#xff09;<\/td>\n<td>cg_widget_set_value()<\/td>\n<td>\u6ca1\u6709\u4efb\u4f55\u4e8b\u4ef6&#xff0c;\u53ea\u88ab\u7a0b\u5e8f\u5199<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u4e09\u4e2a\u8981\u70b9<\/p>\n<li>\u5bb9\u5668\u91cc\u7684\u5b50\u63a7\u4ef6&#xff0c;\u5750\u6807\u76f8\u5bf9\u5bb9\u5668\u3002grp_form \u91cc\u7684 edt_name \u5199\u7684\u662f x:70,y:32&#xff0c; \u662f\u76f8\u5bf9\u5206\u7ec4\u6846\u5ba2\u6237\u533a\u7684&#xff0c;\u4e0d\u662f\u76f8\u5bf9\u7a97\u53e3\u3002\u6362\u5bb9\u5668\u4f4d\u7f6e\u4e0d\u7528\u52a8\u5b50\u63a7\u4ef6\u7684\u5750\u6807\u3002<\/li>\n<li>\u4e8b\u4ef6\u540d\u53ef\u4ee5\u88ab\u591a\u4e2a\u63a7\u4ef6\u5171\u7528\u3002\u516d\u4e2a\u63a7\u4ef6\u7684 change\/select \u5168\u6307\u5411 on_form_change&#xff0c; \u56e0\u4e3a\u903b\u8f91\u5c31\u662f&#034;\u6709\u4efb\u4f55\u4e00\u4e2a\u53d8\u4e86\u5c31\u91cd\u7b97\u4e00\u904d\u6c47\u603b&#034;\u3002\u8fd9\u6bd4\u5199\u516d\u4e2a\u51fd\u6570\u6e05\u723d\u5f97\u591a\u3002<\/li>\n<li>\u8ba9\u754c\u9762\u72b6\u6001\u53ea\u6709\u4e00\u4e2a\u51fa\u53e3&#xff1a;collect() \u4ece\u754c\u9762\u8bfb\u4e00\u904d \u2192 \u7b97 \u2192 \u5199\u56de\u754c\u9762\u3002 \u56de\u8c03\u53ea\u8d1f\u8d23\u8c03 collect()\u3002\u72b6\u6001\u4e00\u591a&#xff0c;\u8fd9\u79cd&#034;\u5355\u5411\u66f4\u65b0&#034;\u80fd\u7701\u6389\u5927\u91cf bug\u3002<\/li>\n<p>\u52a8\u624b\u6539\u4e00\u6539<\/p>\n<ul>\n<li>\u7ed9\u300c\u59d3\u540d\u300d\u52a0\u4e2a\u975e\u7a7a\u6821\u9a8c&#xff1a;\u4e3a\u7a7a\u65f6\u628a\u300c\u91cd\u7f6e\u300d\u6309\u94ae\u7981\u7528\u3002<\/li>\n<li>\u628a\u6ee1\u610f\u5ea6\u6ed1\u5757\u7684 max \u4ece 5 \u6539\u6210 10&#xff0c;\u770b\u770b\u6ed1\u5757\u548c\u6c47\u603b\u600e\u4e48\u53d8&#xff08;.cgui \u6539\u4e00\u4e2a\u6570\u5b57&#xff0c;\u4e0d\u7528\u91cd\u7f16\u8bd1&#xff09;\u3002<\/li>\n<li>\u57ce\u5e02\u4e0b\u62c9\u6846\u6362\u6210 8 \u9879&#xff0c;\u518d\u5728\u6c47\u603b\u91cc\u663e\u793a&#034;\u7b2c\u51e0\u9879 \/ \u5171\u51e0\u9879&#034;&#xff08;cg_widget_list_count()&#xff09;\u3002<\/li>\n<\/ul>\n<hr \/>\n<h3>\u5165\u95e8 03&#xff1a;\u4e8b\u4ef6\u8fdb\u9636&#xff08;\u65f6\u949f \/ \u952e\u76d8 \/ \u9f20\u6807 \/ \u5173\u95ed&#xff09;<\/h3>\n<p>\u4e00\u53e5\u8bdd&#xff1a;\u63a7\u4ef6\u4e4b\u5916\u8fd8\u6709\u4e00\u6574\u5957\u7a97\u53e3\u7ea7\u4e8b\u4ef6&#xff0c;\u5199\u5728 .cgui \u7684 app.events \u91cc\u3002<\/p>\n<p>\u754c\u9762&#xff1a;\u65f6\u949f\u6807\u7b7e &#043; \u8fdb\u5ea6\u6761 &#043; \u5f00\u59cb\/\u505c\u6b62\u6309\u94ae &#043; \u4e24\u4e2a\u8bf4\u660e\u6807\u7b7e &#043; \u4e8b\u4ef6\u65e5\u5fd7\u5217\u8868\u6846 &#043; \u72b6\u6001\u680f\u3002<\/p>\n<p>\u7a97\u53e3\u7ea7\u4e8b\u4ef6&#xff08;\u8fd9\u6b21\u5199\u7684\u662f app.events&#xff0c;\u4e0d\u662f\u63a7\u4ef6\u7684 events&#xff09;<\/p>\n<p><span class=\"token string-property property\">&#034;app&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token punctuation\">{<\/span> <span class=\"token string-property property\">&#034;events&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token punctuation\">{<\/span> <span class=\"token string-property property\">&#034;ready&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;on_ready&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;close&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;on_close&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n                     <span class=\"token string-property property\">&#034;mousemove&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;on_mouse_move&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;keydown&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;on_key_down&#034;<\/span> <span class=\"token punctuation\">}<\/span> <span class=\"token punctuation\">}<\/span><\/p>\n<table>\n<tr>\u4e8b\u4ef6\u4ec0\u4e48\u65f6\u5019\u6765\u53c2\u6570\u600e\u4e48\u53d6<\/tr>\n<tbody>\n<tr>\n<td>ready<\/td>\n<td>\u7a97\u53e3\u548c\u63a7\u4ef6\u90fd\u5efa\u597d\u4e86\u3001\u8fd8\u6ca1\u663e\u793a<\/td>\n<td>\u6700\u9002\u5408\u505a\u521d\u59cb\u5316&#xff08;\u8bbe\u521d\u59cb\u72b6\u6001\u3001\u8bfb\u914d\u7f6e&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>close<\/td>\n<td>\u7528\u6237\u70b9\u5173\u95ed&#xff08;\u542b Alt&#043;F4\u3001Esc&#xff09;<\/td>\n<td>cg_cancel_close(app) \u53ef\u4ee5\u62e6\u4e0b\u8fd9\u6b21\u5173\u95ed<\/td>\n<\/tr>\n<tr>\n<td>mousemove<\/td>\n<td>\u9f20\u6807\u5728\u7a97\u53e3\u4e0a\u79fb\u52a8<\/td>\n<td>cg_event_x(self) \/ cg_event_y(self)<\/td>\n<\/tr>\n<tr>\n<td>keydown<\/td>\n<td>\u6309\u4e0b\u6309\u952e<\/td>\n<td>cg_event_key(self) \u952e\u7801&#xff0c;cg_event_keys(self) \u529f\u80fd\u952e\u4f4d<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u4e09\u4e2a\u8981\u70b9<\/p>\n<li>\u56de\u8c03\u7b7e\u540d\u662f\u56fa\u5b9a\u7684\u4e09\u53c2\u6570&#xff0c;\u6240\u4ee5\u5750\u6807\u3001\u952e\u7801\u3001\u6eda\u8f6e\u91cf\u8fd9\u4e9b&#034;\u4e8b\u4ef6\u9644\u5e26\u4fe1\u606f&#034;\u53ea\u80fd\u7528 cg_event_* \u7cfb\u5217\u51fd\u6570\u53bb\u8bfb&#xff08;\u8bfb\u7684\u662f&#034;\u6700\u8fd1\u4e00\u6b21\u4e8b\u4ef6&#034;&#xff09;\u3002self \u4f20\u56de\u8c03\u6536\u5230\u7684\u90a3\u4e2a\u63a7\u4ef6\u5c31\u884c\u3002<\/li>\n<li>\u65f6\u949f\u662f\u63a7\u4ef6&#xff0c;\u4e0d\u662f\u7ebf\u7a0b\u3002timer \u63a7\u4ef6\u6ca1\u6709\u7a97\u53e3&#xff0c;\u9760\u540e\u7aef\u5fc3\u8df3\u6309 period \u6beb\u79d2\u6d3e\u53d1 tick&#xff1a; cg_widget_set_period(tmr, 1000) \u542f\u52a8\u3001cg_widget_set_period(tmr, 0) \u505c\u6b62\u3002 \u51e1\u662f&#034;\u6bcf\u9694\u4e00\u4f1a\u513f\u505a\u70b9\u4ec0\u4e48&#034;\u90fd\u7528\u5b83&#xff0c;\u4e0d\u8981\u53bb\u5f00\u7ebf\u7a0b\u78b0\u754c\u9762\u3002<\/li>\n<li>\u62e6\u5173\u95ed\u8981\u80fd\u88ab\u81ea\u68c0\u8df3\u8fc7\u3002close \u56de\u8c03\u91cc\u7684 cg_message_box \u5728 &#8211;selftest \u4e0b\u4f1a\u5361\u4f4f\u6574\u4e2a\u81ea\u68c0&#xff0c; \u6240\u4ee5\u5148\u95ee\u4e00\u53e5 cg_app_has_window(app)\u2014\u2014\u81ea\u68c0\u65f6\u5b83\u8fd4\u56de 0&#xff0c;\u5c31\u4e0d\u5f39\u6846\u4e86\u3002 \u8fd9\u5957\u793a\u4f8b\u91cc\u6240\u6709\u5f39\u6846\u90fd\u9075\u5b88\u8fd9\u6761\u3002<\/li>\n<p>\u52a8\u624b\u6539\u4e00\u6539<\/p>\n<ul>\n<li>\u628a\u65f6\u949f\u5468\u671f\u6539\u6210 200 \u6beb\u79d2&#xff08;.cgui \u91cc period&#xff0c;\u6216\u4ee3\u7801\u91cc cg_widget_set_period&#xff09;\u3002<\/li>\n<li>\u52a0\u4e00\u4e2a Ctrl&#043;S \u5feb\u6377\u952e&#xff1a;\u5728 on_key_down \u91cc\u5224\u65ad cg_event_key(self) &#061;&#061; &#039;S&#039; \u4e14 cg_event_keys(self) &amp; 1&#xff08;Ctrl&#xff09;\u3002<\/li>\n<li>\u7ed9\u7a97\u53e3\u52a0 size \u4e8b\u4ef6&#xff0c;\u628a\u7a97\u53e3\u5c3a\u5bf8\u663e\u793a\u5230\u72b6\u6001\u680f&#xff08;cg_event_x\/y \u5bf9 size \u4e8b\u4ef6\u662f\u5bbd\/\u9ad8&#xff09;\u3002<\/li>\n<\/ul>\n<hr \/>\n<p>\u4e0b\u9762\u662f\u5165\u95e8 03 \u7684\u7a97\u53e3\u7ea7\u4e8b\u4ef6\u5904\u7406\u6d41\u7a0b\u56fe&#xff0c;\u5c55\u793a\u4e86\u5404\u7c7b\u4e8b\u4ef6\u7684\u6765\u6e90\u4e0e\u5904\u7406\u65b9\u5f0f&#xff1a;<\/p>\n<p>  #mermaid-svg-16rG44EWZzZOCPel{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-16rG44EWZzZOCPel .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-16rG44EWZzZOCPel .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-16rG44EWZzZOCPel .error-icon{fill:#552222;}#mermaid-svg-16rG44EWZzZOCPel .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-16rG44EWZzZOCPel .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-16rG44EWZzZOCPel .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-16rG44EWZzZOCPel .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-16rG44EWZzZOCPel .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-16rG44EWZzZOCPel .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-16rG44EWZzZOCPel .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-16rG44EWZzZOCPel .marker{fill:#333333;stroke:#333333;}#mermaid-svg-16rG44EWZzZOCPel .marker.cross{stroke:#333333;}#mermaid-svg-16rG44EWZzZOCPel svg{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-16rG44EWZzZOCPel p{margin:0;}#mermaid-svg-16rG44EWZzZOCPel .label{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;color:#333;}#mermaid-svg-16rG44EWZzZOCPel .cluster-label text{fill:#333;}#mermaid-svg-16rG44EWZzZOCPel .cluster-label span{color:#333;}#mermaid-svg-16rG44EWZzZOCPel .cluster-label span p{background-color:transparent;}#mermaid-svg-16rG44EWZzZOCPel .label text,#mermaid-svg-16rG44EWZzZOCPel span{fill:#333;color:#333;}#mermaid-svg-16rG44EWZzZOCPel .node rect,#mermaid-svg-16rG44EWZzZOCPel .node circle,#mermaid-svg-16rG44EWZzZOCPel .node ellipse,#mermaid-svg-16rG44EWZzZOCPel .node polygon,#mermaid-svg-16rG44EWZzZOCPel .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-16rG44EWZzZOCPel .rough-node .label text,#mermaid-svg-16rG44EWZzZOCPel .node .label text,#mermaid-svg-16rG44EWZzZOCPel .image-shape .label,#mermaid-svg-16rG44EWZzZOCPel .icon-shape .label{text-anchor:middle;}#mermaid-svg-16rG44EWZzZOCPel .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-16rG44EWZzZOCPel .rough-node .label,#mermaid-svg-16rG44EWZzZOCPel .node .label,#mermaid-svg-16rG44EWZzZOCPel .image-shape .label,#mermaid-svg-16rG44EWZzZOCPel .icon-shape .label{text-align:center;}#mermaid-svg-16rG44EWZzZOCPel .node.clickable{cursor:pointer;}#mermaid-svg-16rG44EWZzZOCPel .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-16rG44EWZzZOCPel .arrowheadPath{fill:#333333;}#mermaid-svg-16rG44EWZzZOCPel .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-16rG44EWZzZOCPel .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-16rG44EWZzZOCPel .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-16rG44EWZzZOCPel .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-16rG44EWZzZOCPel .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-16rG44EWZzZOCPel .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-16rG44EWZzZOCPel .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-16rG44EWZzZOCPel .cluster text{fill:#333;}#mermaid-svg-16rG44EWZzZOCPel .cluster span{color:#333;}#mermaid-svg-16rG44EWZzZOCPel div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-16rG44EWZzZOCPel .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-16rG44EWZzZOCPel rect.text{fill:none;stroke-width:0;}#mermaid-svg-16rG44EWZzZOCPel .icon-shape,#mermaid-svg-16rG44EWZzZOCPel .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-16rG44EWZzZOCPel .icon-shape p,#mermaid-svg-16rG44EWZzZOCPel .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-16rG44EWZzZOCPel .icon-shape .label rect,#mermaid-svg-16rG44EWZzZOCPel .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-16rG44EWZzZOCPel .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-16rG44EWZzZOCPel .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-16rG44EWZzZOCPel :root{&#8211;mermaid-font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;}<\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u52a8\u4f5c<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>C \u56de\u8c03\u51fd\u6570<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u7a97\u53e3\u7ea7\u4e8b\u4ef6 app.events<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>ready\u7a97\u53e3\u5c31\u7eea<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>close\u7528\u6237\u70b9\u5173\u95ed<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>mousemove\u9f20\u6807\u79fb\u52a8<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>keydown\u6309\u4e0b\u6309\u952e<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>on_ready\u521d\u59cb\u5316<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>on_closecg_cancel_close \u62e6\u622a<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>on_mouse_movecg_event_x \/ cg_event_y<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>on_key_downcg_event_key \/ cg_event_keys<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u8bbe\u7f6e\u521d\u59cb\u72b6\u6001<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u5f39\u786e\u8ba4\u6846\u9700\u5148\u8fc7 cg_app_has_window<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u66f4\u65b0\u5750\u6807\u663e\u793a<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u54cd\u5e94\u5feb\u6377\u952e<\/p>\n<p><\/span><\/p>\n<h3>\u5165\u95e8 04&#xff1a;\u6570\u636e\u63a7\u4ef6&#xff08;\u5217\u8868\u6846 \/ \u6811 \/ \u8868\u683c&#xff09;<\/h3>\n<p>\u4e00\u53e5\u8bdd&#xff1a;\u88c5&#034;\u4e00\u7ec4\u6570\u636e&#034;\u7684\u63a7\u4ef6&#xff0c;API \u5206\u6210&#034;\u52a0 \/ \u6e05 \/ \u6570 \/ \u8bfb \/ \u9009\u4e2d&#034;\u4e94\u7c7b&#xff0c;\u8bb0\u4f4f\u8fd9\u5f20\u8868\u5c31\u4e0d\u4f1a\u627e\u9519\u51fd\u6570\u3002<\/p>\n<p>\u754c\u9762&#xff1a;\u4e09\u4e2a\u5206\u7ec4\u6846\u5404\u88c5\u4e00\u79cd\u6570\u636e\u63a7\u4ef6&#xff0c;\u6bcf\u4e2a\u914d\u4e24\u4e2a\u6309\u94ae&#xff0c;\u6700\u4e0b\u9762\u662f\u7edf\u4e00\u7684\u4e8b\u4ef6\u65e5\u5fd7\u3002<\/p>\n<p>API \u5bf9\u7167<\/p>\n<table>\n<tr>\u64cd\u4f5c\u5217\u8868\u6846 listbox\u6811 tree\u8868\u683c table<\/tr>\n<tbody>\n<tr>\n<td>\u52a0\u5185\u5bb9<\/td>\n<td>cg_widget_list_add() \/ _addf()<\/td>\n<td>cg_tree_add(\u6811, parent, \u6587\u5b57)<\/td>\n<td>cg_table_add_row(\u8868, cells, n)<\/td>\n<\/tr>\n<tr>\n<td>\u6e05\u7a7a<\/td>\n<td>cg_widget_list_clear()<\/td>\n<td>cg_tree_clear()<\/td>\n<td>cg_table_clear()<\/td>\n<\/tr>\n<tr>\n<td>\u6709\u591a\u5c11<\/td>\n<td>cg_widget_list_count()<\/td>\n<td>cg_tree_count()<\/td>\n<td>cg_table_row_count()<\/td>\n<\/tr>\n<tr>\n<td>\u8bfb\u67d0\u4e00\u9879<\/td>\n<td>cg_widget_list_item(i)<\/td>\n<td>cg_tree_item_text(i)<\/td>\n<td>cg_table_cell(row, col)<\/td>\n<\/tr>\n<tr>\n<td>\u5f53\u524d\u9009\u4e2d<\/td>\n<td>cg_widget_value()<\/td>\n<td>cg_tree_selected()<\/td>\n<td>cg_table_selected()<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u4e09\u4e2a\u8981\u70b9<\/p>\n<li>cg_tree_add \u7684 parent \u662f&#034;\u8282\u70b9\u4e0b\u6807&#034;&#xff0c;-1 \u8868\u793a\u52a0\u5728\u6839\u4e0a\u3002\u6240\u4ee5&#034;\u52a0\u5728\u5f53\u524d\u9009\u4e2d\u8282\u70b9\u4e0b\u9762&#034; \u76f4\u63a5\u5199 cg_tree_add(tre, cg_tree_selected(tre), text) \u5c31\u884c \u2014\u2014 \u6ca1\u9009\u4e2d\u65f6\u5b83\u6b63\u597d\u8fd4\u56de -1\u3002<\/li>\n<li>\u8868\u683c\u7684\u884c\u52fe\u9009 \/ \u884c\u6570\u503c \/ \u884c\u56fe\u6807\u4e0d\u662f .cgui \u5b57\u6bb5&#xff0c;\u662f\u8fd0\u884c\u65f6 API&#xff1a; cg_table_set_checked()&#xff08;\u9700\u8981 .cgui \u91cc &#034;check&#034;: true&#xff09;\u3001cg_table_row_value()\u3001 cg_table_set_row_icon()\u3002\u52fe\u9009\u53d8\u5316\u4f1a\u53d1 check \u4e8b\u4ef6&#xff08;\u4e0d\u662f select&#xff09;\u3002<\/li>\n<li>\u5217\u8868\u6846 \/ \u6811 \/ \u8868\u683c\u6ca1\u6709&#034;\u6539\u4e00\u9879&#034;\u7684 API&#xff08;\u53ea\u6709\u52a0 \/ \u6e05 \/ \u6570 \/ \u8bfb&#xff09;\u3002\u8981\u6539\u5185\u5bb9\u53ea\u80fd\u6574\u8868\u91cd\u5efa&#xff1a; \u5148\u628a\u6bcf\u9879\u6587\u5b57\u590d\u5236\u51fa\u6765 \u2192 \u6e05\u7a7a \u2192 \u6309\u9700\u8981\u91cd\u65b0\u52a0\u56de\u53bb&#xff08;\u89c1\u5165\u95e8 05 \u7684 list_rebuild()&#xff09;\u3002 \u4ee3\u7801\u91cc\u5927\u90e8\u5206 cg_* \u8fd4\u56de\u7684\u5b57\u7b26\u4e32\u90fd\u662f\u5806\u5185\u5b58&#xff0c;\u590d\u5236\u51fa\u6765\u8bb0\u5f97 cg_free\u3002<\/li>\n<p>\u52a8\u624b\u6539\u4e00\u6539<\/p>\n<ul>\n<li>\u7ed9\u6811\u52a0&#034;\u5220\u6389\u9009\u4e2d\u8282\u70b9&#034;&#xff0c;\u770b\u770b\u4e3a\u4ec0\u4e48\u5fc5\u987b\u6574\u6811\u91cd\u5efa&#xff08;cg_tree_clear &#043; \u91cd\u65b0 cg_tree_add&#xff09;\u3002<\/li>\n<li>\u8868\u683c\u52a0\u4e00\u5217\u300c\u5907\u6ce8\u300d&#xff0c;\u6ce8\u610f cg_table_add_row \u7684 cells \u987a\u5e8f\u5c31\u662f\u5217\u987a\u5e8f\u3002<\/li>\n<li>\u7ed9\u5217\u8868\u9879\u52a0\u53cc\u51fb\u4e8b\u4ef6&#xff1a;dblclick \u662f\u5217\u8868\u6846\u652f\u6301\u7684\u4e8b\u4ef6&#xff08;\u5165\u95e8 05 \u7528\u5b83\u505a&#034;\u5220\u9664&#034;&#xff09;\u3002<\/li>\n<\/ul>\n<hr \/>\n<h3>\u5165\u95e8 05&#xff1a;\u5f85\u529e\u6e05\u5355&#xff08;\u7efc\u5408\u7ec3\u4e60&#xff09;<\/h3>\n<p>\u4e00\u53e5\u8bdd&#xff1a;\u628a\u524d\u56db\u8bfe\u4e32\u8d77\u6765&#xff0c;\u518d\u52a0&#034;\u83dc\u5355 &#043; \u6587\u4ef6 &#043; \u914d\u7f6e&#034;&#xff0c;\u5c31\u662f\u4e00\u4e2a\u80fd\u4ea4\u4ed8\u7684\u5c0f\u5de5\u5177\u3002<\/p>\n<p>\u754c\u9762&#xff1a;\u83dc\u5355\u680f&#xff08;\u6587\u4ef6 \/ \u5e2e\u52a9&#xff09;\u3001\u8f93\u5165\u6846\u3001\u6dfb\u52a0\u6309\u94ae\u3001\u5b8c\u6210\u6309\u94ae\u3001\u63d0\u793a\u6807\u7b7e\u3001\u6e05\u5355\u5217\u8868\u6846\u3001\u72b6\u6001\u680f\u3002<\/p>\n<p>\u8fd9\u4e00\u8bfe\u65b0\u589e\u7684\u4e1c\u897f<\/p>\n<table>\n<tr>\u4e3b\u9898\u600e\u4e48\u505a\u5728\u54ea\u770b<\/tr>\n<tbody>\n<tr>\n<td>\u83dc\u5355<\/td>\n<td>.cgui \u7684 nodes \u5199\u83dc\u5355\u6811&#xff0c;click \u4e8b\u4ef6\u91cc\u7528 cg_menu_last_id(self) \u5224\u65ad\u70b9\u4e86\u54ea\u4e00\u9879<\/td>\n<td>on_menu_click<\/td>\n<\/tr>\n<tr>\n<td>\u901a\u7528\u5bf9\u8bdd\u6846<\/td>\n<td>cg_open_file_dialog \/ cg_save_file_dialog&#xff0c;\u8fd4\u56de 1 &#061; \u7528\u6237\u786e\u5b9a<\/td>\n<td>save_ask<\/td>\n<\/tr>\n<tr>\n<td>\u8bfb\u6587\u4ef6<\/td>\n<td>cg_file_read() \u8fd4\u56de\u5806\u4e32&#xff08;BOM \u5df2\u53bb\u6389&#xff09;&#xff0c;\u7528\u5b8c cg_free<\/td>\n<td>load_from<\/td>\n<\/tr>\n<tr>\n<td>\u5199\u6587\u4ef6<\/td>\n<td>cg_file_write() \u8986\u76d6\u5199 UTF-8 \u6587\u672c&#xff0c;\u8fd4\u56de 0 &#061; \u6210\u529f<\/td>\n<td>save_to<\/td>\n<\/tr>\n<tr>\n<td>\u914d\u7f6e\u6301\u4e45\u5316<\/td>\n<td>cg_app_data_dir() \u62ff\u7528\u6237\u76ee\u5f55 \u2192 cg_path_join \u62fc INI \u2192 cg_ini_read\/write<\/td>\n<td>on_ready<\/td>\n<\/tr>\n<tr>\n<td>\u810f\u6807\u8bb0<\/td>\n<td>s_biz.dirty&#xff1a;\u6539\u8fc7\u5c31\u7f6e 1&#xff0c;\u4fdd\u5b58\/\u6253\u5f00\u540e\u6e05 0&#xff0c;\u7528\u6765\u6807\u72b6\u6001\u680f\u3001\u62e6\u5173\u95ed<\/td>\n<td>refresh \/ on_close<\/td>\n<\/tr>\n<tr>\n<td>\u65e5\u5fd7<\/td>\n<td>cg_log(CG_LOG_INFO, &#8230;) \u5199\u8fdb %LOCALAPPDATA%\\\\&lt;exe\u540d&gt;\\\\app.log<\/td>\n<td>\u5168\u7bc7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u4e09\u4e2a\u8981\u70b9<\/p>\n<li>cg_kit \u8ba9\u4e1a\u52a1\u4ee3\u7801\u4e0d\u7528\u78b0 Windows API\u3002\u6587\u4ef6\u3001\u8def\u5f84\u3001INI\u3001\u7f16\u7801&#xff08;UTF-8 \u2194 GBK&#xff09;\u3001\u526a\u8d34\u677f\u3001 \u542f\u52a8\u5916\u90e8\u7a0b\u5e8f\u3001\u6ce8\u518c\u8868\u90fd\u5728 cstackgui.h \u91cc\u3002\u51e1\u662f\u8fd4\u56de char* \u7684\u90fd\u8981 cg_free()\u3002 \u753b\u5e03\u53f3\u4fa7\u300c\u652f\u6301\u5e93\u300d\u9875\u7b7e\u53ef\u4ee5\u6309\u7528\u9014\u641c\u7d22\u8fd9\u4e9b\u51fd\u6570&#xff08;\u53cc\u51fb\u590d\u5236\u8c03\u7528\u4ee3\u7801&#xff09;\u3002<\/li>\n<li>&#034;\u6539\u4e00\u9879&#034;\u8981\u6574\u8868\u91cd\u5efa&#xff1a;list_rebuild() \u628a\u5217\u8868\u590d\u5236\u51fa\u6765 \u2192 \u6e05\u7a7a \u2192 \u6761\u4ef6\u6027\u5730\u91cd\u65b0\u52a0\u56de\u3002 \u8fd9\u662f\u5165\u95e8 04 \u90a3\u4e2a\u7ea6\u5b9a\u7684\u5b9e\u6218&#xff1a;\u501f\u7684\u5806\u5185\u5b58\u5168\u90e8\u8fd8\u56de\u53bb\u3002<\/li>\n<li>\u5173\u95ed\u524d\u62e6\u622a&#xff1a;close \u56de\u8c03\u91cc\u53d1\u73b0 dirty \u5c31\u5f39\u63d0\u793a &#043; cg_cancel_close(app)&#xff0c; \u7528\u6237\u7b2c\u4e8c\u6b21\u70b9\u5173\u95ed&#xff08;dirty \u8fd8\u5728\u4e5f\u6ca1\u5173\u7cfb&#xff0c;\u56e0\u4e3a\u8fd9\u6b21\u76f4\u63a5\u653e\u884c&#xff09;\u624d\u771f\u5173\u3002 \u6ce8\u610f\u5f39\u6846\u4ecd\u8981\u5148\u8fc7 cg_app_has_window()&#xff0c;\u5426\u5219\u81ea\u68c0\u4f1a\u88ab\u5361\u4f4f\u3002<\/li>\n<p>\u52a8\u624b\u6539\u4e00\u6539<\/p>\n<ul>\n<li>\u52a0&#034;\u5168\u90e8\u5b8c\u6210 \/ \u5168\u90e8\u53d6\u6d88&#034;\u83dc\u5355\u9879&#xff0c;\u904d\u5386\u5217\u8868\u7ed9\u6bcf\u9879\u52a0\/\u53bb [x]  \u524d\u7f00\u3002<\/li>\n<li>\u628a\u6e05\u5355\u5b58\u6210 UTF-8 \u4e4b\u5916\u7684\u8001\u5f0f ANSI \u6587\u4ef6&#xff1a;\u7528 cg_gbk_to_utf8()&#xff08;\u8bfb&#xff09;\/ cg_utf8_to_gbk()&#xff08;\u5199&#xff09;\u3002<\/li>\n<li>\u7ed9\u6bcf\u4e2a\u5f85\u529e\u52a0\u4f18\u5148\u7ea7&#xff1a;\u5217\u8868\u6587\u5b57\u524d\u9762\u52a0 [\u9ad8] &#xff0c;\u4fdd\u5b58\u683c\u5f0f\u4e0d\u53d8&#xff0c;\u53ea\u662f\u591a\u4e00\u5c42\u89e3\u6790\u3002<\/li>\n<\/ul>\n<hr \/>\n<h2>\u56db\u3001\u901a\u7528\u77e5\u8bc6&#xff08;\u6bcf\u4e00\u8bfe\u90fd\u7528\u5230&#xff09;<\/h2>\n<h3>4.1 \u4e00\u6761\u7a0b\u5e8f\u7684\u9aa8\u67b6<\/h3>\n<p><span class=\"token macro property\"><span class=\"token directive-hash\">#<\/span><span class=\"token directive keyword\">include<\/span> <span class=\"token string\">&#034;cstackgui.h&#034;<\/span>           <span class=\"token comment\">\/* \u4e1a\u52a1\u4ee3\u7801\u53ea include \u8fd9\u4e00\u4e2a\u5934 *\/<\/span><\/span><\/p>\n<p><span class=\"token keyword\">static<\/span> <span class=\"token keyword\">const<\/span> <span class=\"token class-name\">cg_binding_t<\/span> k_bindings<span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token function\">CG_BIND<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;on_button_click&#034;<\/span><span class=\"token punctuation\">,<\/span> on_button_click<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span>   <span class=\"token comment\">\/* \u5de6&#xff1a;.cgui \u91cc\u7684\u4e8b\u4ef6\u540d&#xff1b;\u53f3&#xff1a;C \u51fd\u6570 *\/<\/span><br \/>\n    CG_BIND_END<br \/>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token keyword\">int<\/span> <span class=\"token function\">main<\/span><span class=\"token punctuation\">(<\/span><span class=\"token keyword\">int<\/span> argc<span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">char<\/span> <span class=\"token operator\">*<\/span><span class=\"token operator\">*<\/span>argv<span class=\"token punctuation\">)<\/span><br \/>\n<span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token class-name\">cg_app_desc_t<\/span> desc <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">{<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    desc<span class=\"token punctuation\">.<\/span>bindings         <span class=\"token operator\">&#061;<\/span> k_bindings<span class=\"token punctuation\">;<\/span><br \/>\n    desc<span class=\"token punctuation\">.<\/span>cgui_path        <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;xxx.cgui&#034;<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    desc<span class=\"token punctuation\">.<\/span>auto_locate_cgui <span class=\"token operator\">&#061;<\/span> <span class=\"token number\">1<\/span><span class=\"token punctuation\">;<\/span>     <span class=\"token comment\">\/* \u53cc\u51fb exe \u4e5f\u80fd\u8dd1&#xff1a;\u81ea\u52a8\u5728 exe \u65c1\u8fb9\u627e .cgui *\/<\/span><br \/>\n    desc<span class=\"token punctuation\">.<\/span>on_ready         <span class=\"token operator\">&#061;<\/span> on_ready<span class=\"token punctuation\">;<\/span>   <span class=\"token comment\">\/* \u7b49\u4ef7\u4e8e .cgui \u91cc app.events.ready *\/<\/span><br \/>\n    <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>argc <span class=\"token operator\">&gt;<\/span> <span class=\"token number\">1<\/span> <span class=\"token operator\">&amp;&amp;<\/span> <span class=\"token function\">strcmp<\/span><span class=\"token punctuation\">(<\/span>argv<span class=\"token punctuation\">[<\/span><span class=\"token number\">1<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;&#8211;selftest&#034;<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;&#061;<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token keyword\">return<\/span> <span class=\"token function\">cg_app_selftest<\/span><span class=\"token punctuation\">(<\/span><span class=\"token operator\">&amp;<\/span>desc<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">return<\/span> <span class=\"token function\">cg_app_run<\/span><span class=\"token punctuation\">(<\/span><span class=\"token operator\">&amp;<\/span>desc<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p>\u56de\u8c03\u7b7e\u540d\u6c38\u8fdc\u662f&#xff1a;<\/p>\n<p><span class=\"token keyword\">static<\/span> <span class=\"token keyword\">void<\/span> <span class=\"token function\">f<\/span><span class=\"token punctuation\">(<\/span><span class=\"token class-name\">cg_widget_t<\/span> <span class=\"token operator\">*<\/span>self<span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">cg_event_t<\/span> ev<span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">void<\/span> <span class=\"token operator\">*<\/span>user<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<ul>\n<li>self \u89e6\u53d1\u4e8b\u4ef6\u7684\u63a7\u4ef6&#xff08;\u4e0d\u4f1a\u4e3a NULL&#xff09;&#xff1b;<\/li>\n<li>ev \u4e8b\u4ef6\u7c7b\u578b&#xff08;\u540c\u4e00\u4e2a\u51fd\u6570\u7ed1\u4e86\u591a\u4e2a\u4e8b\u4ef6\u65f6\u7528\u5b83\u533a\u5206&#xff0c;\u89c1\u5165\u95e8 04 \u7684\u5c55\u5f00\/\u6298\u53e0&#xff09;&#xff1b;<\/li>\n<li>user \u7528 cg_widget_set_user() \u6302\u7684\u4e1a\u52a1\u6570\u636e&#xff0c;\u9ed8\u8ba4 NULL\u3002<\/li>\n<\/ul>\n<p>\u4e0b\u9762\u662f 4.1 \u8282\u300c\u4e00\u6761\u7a0b\u5e8f\u7684\u9aa8\u67b6\u300d\u7684\u65f6\u5e8f\u56fe&#xff0c;\u5c55\u793a\u7a0b\u5e8f\u4ece\u542f\u52a8\u5230\u9000\u51fa\u7684\u5b8c\u6574\u751f\u547d\u5468\u671f&#xff1a;<\/p>\n<p>     \u56de\u8c03\u51fd\u6570<\/p>\n<p>     .cgui \u6587\u4ef6<\/p>\n<p>     \u8fd0\u884c\u65f6<\/p>\n<p>     cg_app_desc_t<\/p>\n<p>     main()<\/p>\n<p>      \u56de\u8c03\u51fd\u6570<\/p>\n<p>      .cgui \u6587\u4ef6<\/p>\n<p>      \u8fd0\u884c\u65f6<\/p>\n<p>      cg_app_desc_t<\/p>\n<p>      main()<\/p>\n<p>  #mermaid-svg-Vwkq3L8mgFXARc0m{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-Vwkq3L8mgFXARc0m .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-Vwkq3L8mgFXARc0m .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-Vwkq3L8mgFXARc0m .error-icon{fill:#552222;}#mermaid-svg-Vwkq3L8mgFXARc0m .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-Vwkq3L8mgFXARc0m .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-Vwkq3L8mgFXARc0m .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-Vwkq3L8mgFXARc0m .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-Vwkq3L8mgFXARc0m .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-Vwkq3L8mgFXARc0m .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-Vwkq3L8mgFXARc0m .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-Vwkq3L8mgFXARc0m .marker{fill:#333333;stroke:#333333;}#mermaid-svg-Vwkq3L8mgFXARc0m .marker.cross{stroke:#333333;}#mermaid-svg-Vwkq3L8mgFXARc0m svg{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-Vwkq3L8mgFXARc0m p{margin:0;}#mermaid-svg-Vwkq3L8mgFXARc0m .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-Vwkq3L8mgFXARc0m text.actor&gt;tspan{fill:black;stroke:none;}#mermaid-svg-Vwkq3L8mgFXARc0m .actor-line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#mermaid-svg-Vwkq3L8mgFXARc0m .innerArc{stroke-width:1.5;stroke-dasharray:none;}#mermaid-svg-Vwkq3L8mgFXARc0m .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#mermaid-svg-Vwkq3L8mgFXARc0m .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#mermaid-svg-Vwkq3L8mgFXARc0m #arrowhead path{fill:#333;stroke:#333;}#mermaid-svg-Vwkq3L8mgFXARc0m .sequenceNumber{fill:white;}#mermaid-svg-Vwkq3L8mgFXARc0m #sequencenumber{fill:#333;}#mermaid-svg-Vwkq3L8mgFXARc0m #crosshead path{fill:#333;stroke:#333;}#mermaid-svg-Vwkq3L8mgFXARc0m .messageText{fill:#333;stroke:none;}#mermaid-svg-Vwkq3L8mgFXARc0m .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-Vwkq3L8mgFXARc0m .labelText,#mermaid-svg-Vwkq3L8mgFXARc0m .labelText&gt;tspan{fill:black;stroke:none;}#mermaid-svg-Vwkq3L8mgFXARc0m .loopText,#mermaid-svg-Vwkq3L8mgFXARc0m .loopText&gt;tspan{fill:black;stroke:none;}#mermaid-svg-Vwkq3L8mgFXARc0m .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#mermaid-svg-Vwkq3L8mgFXARc0m .note{stroke:#aaaa33;fill:#fff5ad;}#mermaid-svg-Vwkq3L8mgFXARc0m .noteText,#mermaid-svg-Vwkq3L8mgFXARc0m .noteText&gt;tspan{fill:black;stroke:none;}#mermaid-svg-Vwkq3L8mgFXARc0m .activation0{fill:#f4f4f4;stroke:#666;}#mermaid-svg-Vwkq3L8mgFXARc0m .activation1{fill:#f4f4f4;stroke:#666;}#mermaid-svg-Vwkq3L8mgFXARc0m .activation2{fill:#f4f4f4;stroke:#666;}#mermaid-svg-Vwkq3L8mgFXARc0m .actorPopupMenu{position:absolute;}#mermaid-svg-Vwkq3L8mgFXARc0m .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 \/ 0.4));}#mermaid-svg-Vwkq3L8mgFXARc0m .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-Vwkq3L8mgFXARc0m .actor-man circle,#mermaid-svg-Vwkq3L8mgFXARc0m line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#mermaid-svg-Vwkq3L8mgFXARc0m :root{&#8211;mermaid-font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;}<\/p>\n<p>    loop<\/p>\n<p>     [\u7528\u6237\u4ea4\u4e92]<\/p>\n<p>   \u586b\u5145 bindings \/ cgui_path \/ on_ready<\/p>\n<p>   cg_app_run(&amp;desc)<\/p>\n<p>   \u89e3\u6790\u754c\u9762\u6587\u4ef6<\/p>\n<p>   \u63a7\u4ef6\u6811 &#043; \u4e8b\u4ef6\u7ed1\u5b9a\u8868<\/p>\n<p>   \u89e6\u53d1 ready \u4e8b\u4ef6<\/p>\n<p>   \u521d\u59cb\u5316\u754c\u9762\u72b6\u6001<\/p>\n<p>   \u5206\u53d1 change \/ click \/ submit \u7b49\u4e8b\u4ef6<\/p>\n<p>   \u8bfb\u5199\u63a7\u4ef6\u3001\u66f4\u65b0\u754c\u9762<\/p>\n<p>   \u8fd4\u56de\u9000\u51fa\u7801<\/p>\n<h3>4.2 \u4e8b\u4ef6\u540d\u9519\u4e86\u4e3a\u4ec0\u4e48\u4e0d\u62a5\u7f16\u8bd1\u9519<\/h3>\n<p>.cgui \u91cc\u5b58\u7684\u662f\u51fd\u6570\u540d\u5b57\u7b26\u4e32&#xff0c;\u8fd0\u884c\u65f6\u6309\u540d\u5b57\u5728 CG_BIND \u8868\u91cc\u67e5\u51fd\u6570\u6307\u9488\u3002 \u597d\u5904\u662f\u753b\u5e03\u548c C \u4ee3\u7801\u5f7b\u5e95\u89e3\u8026&#xff08;\u6539\u754c\u9762\u4e0d\u7528\u91cd\u7f16\u8bd1&#xff09;&#xff0c;\u4ee3\u4ef7\u662f\u5199\u9519\u540d\u5b57\u7f16\u8bd1\u4e0d\u62a5\u9519 \u2014\u2014 \u6240\u4ee5&#xff1a;<\/p>\n<ul>\n<li>\u8fd0\u884c\u65f6\u4f1a\u5728\u542f\u52a8\u540e\u6c47\u603b\u5f39\u4e00\u6b21\u63d0\u793a&#xff1a;\u201c\u8fd9\u4e9b\u4e8b\u4ef6\u4e0d\u4f1a\u89e6\u53d1\u201d&#xff1b;<\/li>\n<li>&#8211;selftest \u4f1a\u4ee5\u975e 0 \u9000\u51fa\u7801\u62a5\u51fa\u6765&#xff08;\u8fd9\u662f CI \u91cc\u552f\u4e00\u80fd\u81ea\u52a8\u53d1\u73b0\u5b83\u7684\u624b\u6bb5&#xff09;&#xff1b;<\/li>\n<li>\u753b\u5e03\u300c\u4e8b\u4ef6\u300d\u9875\u7b7e\u7684\u300c\u4ee3\u7801\u300d\u6309\u94ae\u80fd\u76f4\u63a5\u8df3\u5230 *_ui_events.c \u91cc\u5bf9\u5e94\u7684\u51fd\u6570\u3002<\/li>\n<\/ul>\n<p>\u60f3\u8ba9\u67d0\u4e2a\u63a7\u4ef6\u652f\u6301\u54ea\u4e9b\u4e8b\u4ef6&#xff0c;\u770b .cgui \u7c7b\u578b\u8868&#xff08;docs\\\\CGUI-FORMAT.md \u7b2c 4 \u8282&#xff09;\u2014\u2014 \u4e8b\u4ef6\u662f\u6309\u63a7\u4ef6\u7279\u6027\u5206\u914d\u7684&#xff1a;\u6807\u7b7e\u3001\u8fdb\u5ea6\u6761\u3001\u72b6\u6001\u680f\u4e00\u4e2a\u4e8b\u4ef6\u90fd\u6ca1\u6709&#xff0c;\u53ea\u6709\u6811\u6709\u5c55\u5f00\/\u6298\u53e0\u3002<\/p>\n<h3>4.3 \u6392\u9519&#xff1a;\u5148\u770b\u65e5\u5fd7\u6587\u4ef6<\/h3>\n<p>\u53d1\u5e03\u7248&#xff08;&#8211;release&#xff09;\u6ca1\u6709\u63a7\u5236\u53f0&#xff0c;printf\/stderr \u7528\u6237\u4e00\u4e2a\u5b57\u90fd\u770b\u4e0d\u5230\u3002\u6240\u4ee5&#xff1a;<\/p>\n<ul>\n<li>\u8fd0\u884c\u65f6\u542f\u52a8\u5c31\u5f00\u4e00\u4efd\u65e5\u5fd7&#xff1a;%LOCALAPPDATA%\\\\&lt;exe\u540d&gt;\\\\app.log&#xff08;\u8d85\u8fc7 256KB \u8f6e\u8f6c\u6210 .old&#xff09;&#xff1b;<\/li>\n<li>\u81f4\u547d\u9519\u8bef&#xff08;\u627e\u4e0d\u5230 .cgui\u3001\u683c\u5f0f\u9519\u3001\u5efa\u7a97\u5931\u8d25\u3001\u5d29\u6e83&#xff09;\u4f1a\u5199\u65e5\u5fd7 &#043; \u5f39\u4e2d\u6587\u63d0\u793a\u6846&#xff1b;<\/li>\n<li>\u4e1a\u52a1\u4ee3\u7801\u7528 cg_log(CG_LOG_INFO, &#034;%d \u9879&#034;, n) \u5f80\u540c\u4e00\u4e2a\u6587\u4ef6\u91cc\u8865\u8bb0\u5f55\u3002<\/li>\n<\/ul>\n<p>\u7528\u6237\u62a5&#034;\u70b9\u4e86\u6ca1\u53cd\u5e94&#034;&#xff0c;\u7b2c\u4e00\u4ef6\u4e8b\u5c31\u662f\u8ba9\u4ed6\u628a\u8fd9\u4e2a\u6587\u4ef6\u53d1\u8fc7\u6765\u3002<\/p>\n<p>\u8c03\u8bd5\u7248&#xff08;\u9ed8\u8ba4\u7f16\u8bd1\u65b9\u5f0f&#xff09;\u5e26\u63a7\u5236\u53f0&#xff0c;printf \u76f4\u63a5\u53ef\u89c1&#xff0c;\u5f00\u53d1\u65f6\u66f4\u7701\u4e8b\u3002<\/p>\n<h3>4.4 \u7f16\u8bd1 \/ \u9a8c\u8bc1\u547d\u4ee4\u901f\u67e5<\/h3>\n<p>build-all.bat                     :: \u7f16\u8fd0\u884c\u65f6 &#043; \u5168\u90e8\u793a\u4f8b&#xff0c;\u5e76\u9010\u4e2a\u8dd1 &#8211;selftest<br \/>\nbuild-app.bat lesson03_events     :: \u53ea\u7f16\u67d0\u4e00\u8bfe<br \/>\nbuild-app.bat lesson03_events &#8211;release    :: \u53d1\u5e03\u7248&#xff08;\u65e0\u63a7\u5236\u53f0&#xff0c;\u8d70\u65e5\u5fd7&#xff09;<\/p>\n<p>:: \u624b\u52a8\u81ea\u68c0\u67d0\u4e00\u8bfe<br \/>\nexamples\\\\lesson03_events\\\\lesson03_events.exe &#8211;selftest examples\\\\lesson03_events\\\\lesson03_events.cgui<\/p>\n<p>:: \u4ed3\u5e93\u7ea7\u95e8\u7981&#xff08;\u6539\u63a7\u4ef6\u8868 \/ \u6539 .cgui \u5b57\u6bb5\u540e\u5fc5\u8dd1&#xff09;<br \/>\ntools\\\\check-format.bat<br \/>\ntools\\\\check-kit.bat<\/p>\n<hr \/>\n<h2>\u4e94\u3001\u5e38\u89c1\u95ee\u9898<\/h2>\n<p>Q&#xff1a;\u53cc\u51fb exe \u4ec0\u4e48\u90fd\u6ca1\u53d1\u751f&#xff1f; \u6309\u987a\u5e8f\u627e\u754c\u9762\u6587\u4ef6&#xff1a;\u547d\u4ee4\u884c\u53c2\u6570 \u2192 exe \u65c1\u8fb9 \u2192 exe\u76ee\u5f55\\\\..\\\\apps\\\\&lt;exe\u540d&gt;\\\\\u3002\u90fd\u627e\u4e0d\u5230\u5c31\u5199\u65e5\u5fd7 &#043; \u5f39\u6846\u3002 \u6253\u5f00 %LOCALAPPDATA%\\\\&lt;exe\u540d&gt;\\\\app.log \u80fd\u770b\u5230\u5b83\u8bd5\u8fc7\u54ea\u4e9b\u8def\u5f84\u3002<\/p>\n<p>Q&#xff1a;\u6539\u4e86\u754c\u9762&#xff08;.cgui&#xff09;&#xff0c;\u7a0b\u5e8f\u91cc\u6ca1\u53d8&#xff1f; .cgui \u662f\u8fd0\u884c\u65f6\u8bfb\u7684 \u2014\u2014 \u786e\u8ba4\u6539\u7684\u662f exe \u65c1\u8fb9\u90a3\u4e2a\u6587\u4ef6&#xff1b;\u8c03\u8bd5\u7248\u63a7\u5236\u53f0\u4f1a\u6253\u5370\u5b9e\u9645\u8bfb\u7684\u662f\u54ea\u4e2a\u8def\u5f84\u3002<\/p>\n<p>Q&#xff1a;\u4e8b\u4ef6\u4e0d\u89e6\u53d1&#xff1f; \u5148\u8dd1 &#8211;selftest\u3002\u8fd4\u56de 5 \u5c31\u662f&#034;\u4e8b\u4ef6\u540d\u5728 C \u4ee3\u7801\u91cc\u6ca1\u767b\u8bb0&#034;\u3002\u53e6\u4e00\u79cd\u53ef\u80fd\u662f\u7ed1\u5b9a\u7684\u4e8b\u4ef6\u8be5\u63a7\u4ef6\u4e0d\u652f\u6301 &#xff08;\u6bd4\u5982\u7ed9\u6807\u7b7e\u7ed1 click&#xff09;&#xff0c;\u542f\u52a8\u65f6\u4f1a\u8b66\u544a\u3002<\/p>\n<p>Q&#xff1a;&#8211;selftest \u5361\u4f4f\u4e0d\u52a8&#xff1f; \u591a\u534a\u662f\u67d0\u4e2a\u56de\u8c03\u91cc\u5f39\u4e86\u6d88\u606f\u6846\u3002\u6240\u6709\u4f1a\u5f39\u6846\u7684\u5730\u65b9\u90fd\u8981\u5148 if (cg_app_has_window(app))\u3002<\/p>\n<p>Q&#xff1a;\u4e2d\u6587\u5728\u63a7\u5236\u53f0\u91cc\u662f\u4e71\u7801&#xff1f; \u63a7\u5236\u53f0\u4ee3\u7801\u9875\u95ee\u9898&#xff0c;\u4e0d\u5f71\u54cd\u754c\u9762\u548c\u65e5\u5fd7\u6587\u4ef6&#xff08;\u6587\u4ef6\u91cc\u662f UTF-8&#xff09;\u3002<\/p>\n<p>Q&#xff1a;\u60f3\u8981\u5706\u89d2 \/ \u6362\u914d\u8272&#xff0c;\u6539\u4e86\u6ca1\u6548\u679c&#xff1f; \u6309\u94ae\u3001\u5f00\u5173\u3001\u52fe\u9009\u3001\u8f93\u5165\u6846\u3001\u6ed1\u5757\u3001\u8fdb\u5ea6\u6761\u3001\u5706\u73af\u8d70 GDI&#043; \u81ea\u7ed8&#xff0c;style.radius \/ style.bg \/ style.fg \u751f\u6548&#xff1b; \u5217\u8868\u6846\u3001\u6811\u3001\u8868\u683c\u3001\u6807\u7b7e\u9875\u3001\u6708\u5386\u3001\u4e0b\u62c9\u6846\u662f\u7cfb\u7edf\u539f\u751f\u63a7\u4ef6&#xff0c;\u4e0d\u5403\u81ea\u5b9a\u4e49\u5916\u89c2&#xff08;Win32 \u56fa\u6709\u9650\u5236&#xff09;\u3002<\/p>\n<hr \/>\n<p>\u4e0b\u9762\u662f\u5e38\u89c1\u95ee\u9898\u7684\u6392\u67e5\u6d41\u7a0b\u56fe&#xff0c;\u6309\u987a\u5e8f\u68c0\u67e5\u5373\u53ef\u5feb\u901f\u5b9a\u4f4d\u95ee\u9898&#xff1a;<\/p>\n<p>  #mermaid-svg-rM5aeowPc1lZRMhn{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-rM5aeowPc1lZRMhn .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-rM5aeowPc1lZRMhn .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-rM5aeowPc1lZRMhn .error-icon{fill:#552222;}#mermaid-svg-rM5aeowPc1lZRMhn .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-rM5aeowPc1lZRMhn .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-rM5aeowPc1lZRMhn .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-rM5aeowPc1lZRMhn .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-rM5aeowPc1lZRMhn .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-rM5aeowPc1lZRMhn .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-rM5aeowPc1lZRMhn .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-rM5aeowPc1lZRMhn .marker{fill:#333333;stroke:#333333;}#mermaid-svg-rM5aeowPc1lZRMhn .marker.cross{stroke:#333333;}#mermaid-svg-rM5aeowPc1lZRMhn svg{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-rM5aeowPc1lZRMhn p{margin:0;}#mermaid-svg-rM5aeowPc1lZRMhn .label{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;color:#333;}#mermaid-svg-rM5aeowPc1lZRMhn .cluster-label text{fill:#333;}#mermaid-svg-rM5aeowPc1lZRMhn .cluster-label span{color:#333;}#mermaid-svg-rM5aeowPc1lZRMhn .cluster-label span p{background-color:transparent;}#mermaid-svg-rM5aeowPc1lZRMhn .label text,#mermaid-svg-rM5aeowPc1lZRMhn span{fill:#333;color:#333;}#mermaid-svg-rM5aeowPc1lZRMhn .node rect,#mermaid-svg-rM5aeowPc1lZRMhn .node circle,#mermaid-svg-rM5aeowPc1lZRMhn .node ellipse,#mermaid-svg-rM5aeowPc1lZRMhn .node polygon,#mermaid-svg-rM5aeowPc1lZRMhn .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-rM5aeowPc1lZRMhn .rough-node .label text,#mermaid-svg-rM5aeowPc1lZRMhn .node .label text,#mermaid-svg-rM5aeowPc1lZRMhn .image-shape .label,#mermaid-svg-rM5aeowPc1lZRMhn .icon-shape .label{text-anchor:middle;}#mermaid-svg-rM5aeowPc1lZRMhn .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-rM5aeowPc1lZRMhn .rough-node .label,#mermaid-svg-rM5aeowPc1lZRMhn .node .label,#mermaid-svg-rM5aeowPc1lZRMhn .image-shape .label,#mermaid-svg-rM5aeowPc1lZRMhn .icon-shape .label{text-align:center;}#mermaid-svg-rM5aeowPc1lZRMhn .node.clickable{cursor:pointer;}#mermaid-svg-rM5aeowPc1lZRMhn .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-rM5aeowPc1lZRMhn .arrowheadPath{fill:#333333;}#mermaid-svg-rM5aeowPc1lZRMhn .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-rM5aeowPc1lZRMhn .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-rM5aeowPc1lZRMhn .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-rM5aeowPc1lZRMhn .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-rM5aeowPc1lZRMhn .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-rM5aeowPc1lZRMhn .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-rM5aeowPc1lZRMhn .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-rM5aeowPc1lZRMhn .cluster text{fill:#333;}#mermaid-svg-rM5aeowPc1lZRMhn .cluster span{color:#333;}#mermaid-svg-rM5aeowPc1lZRMhn div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-rM5aeowPc1lZRMhn .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-rM5aeowPc1lZRMhn rect.text{fill:none;stroke-width:0;}#mermaid-svg-rM5aeowPc1lZRMhn .icon-shape,#mermaid-svg-rM5aeowPc1lZRMhn .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-rM5aeowPc1lZRMhn .icon-shape p,#mermaid-svg-rM5aeowPc1lZRMhn .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-rM5aeowPc1lZRMhn .icon-shape .label rect,#mermaid-svg-rM5aeowPc1lZRMhn .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-rM5aeowPc1lZRMhn .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-rM5aeowPc1lZRMhn .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-rM5aeowPc1lZRMhn :root{&#8211;mermaid-font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;}<\/p>\n<p>         <span class=\"edgeLabel\"><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/p>\n<p>\u662f<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/p>\n<p>\u5426<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/p>\n<p>\u662f<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/p>\n<p>\u5426<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/p>\n<p>\u662f<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/p>\n<p>\u5426<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/p>\n<p>\u662f<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"edgeLabel\"><\/p>\n<p>\u5426<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u7a0b\u5e8f\u51fa\u95ee\u9898<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u53cc\u51fb exe \u6ca1\u53cd\u5e94&#xff1f;<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u68c0\u67e5 app.log\u786e\u8ba4 .cgui \u8def\u5f84<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u4e8b\u4ef6\u4e0d\u89e6\u53d1&#xff1f;<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u8dd1 &#8211;selftest\u68c0\u67e5\u4e8b\u4ef6\u540d\u662f\u5426\u7ed1\u5b9a<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>&#8211;selftest \u5361\u4f4f&#xff1f;<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u68c0\u67e5\u56de\u8c03\u91cc\u662f\u5426\u5f39\u6846\u9700\u5148\u8fc7 cg_app_has_window<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u754c\u9762\u6539\u4e86\u6ca1\u751f\u6548&#xff1f;<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u786e\u8ba4\u6539\u7684\u662f exe \u65c1\u8fb9\u7684 .cgui<\/p>\n<p><\/span><\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u67e5\u770b app.log \u5b9a\u4f4d\u95ee\u9898<\/p>\n<p><\/span><\/p>\n<h2>\u516d\u3001\u5b66\u5b8c\u4e4b\u540e\u770b\u4ec0\u4e48<\/h2>\n<table>\n<tr>\u60f3\u5e72\u4ec0\u4e48\u770b\u54ea\u91cc<\/tr>\n<tbody>\n<tr>\n<td>\u67e5&#034;\u67d0\u4e2a\u63a7\u4ef6\u6709\u54ea\u4e9b\u4e8b\u4ef6 \/ \u5b57\u6bb5&#034;<\/td>\n<td>docs\\\\CGUI-FORMAT.md \u7b2c 2\u30014 \u8282<\/td>\n<\/tr>\n<tr>\n<td>\u67e5&#034;\u67d0\u4e2a C \u51fd\u6570\u600e\u4e48\u7528&#034;&#xff08;\u542b\u4e2d\u6587\u8bf4\u660e\u4e0e\u793a\u4f8b&#xff09;<\/td>\n<td>\u753b\u5e03\u53f3\u4fa7\u300c\u652f\u6301\u5e93\u300d\u9875\u7b7e&#xff08;150 \u6761&#xff0c;\u53ef\u641c\u7d22&#xff0c;\u53cc\u51fb\u590d\u5236\u4ee3\u7801&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>\u770b\u5168\u90e8 39 \u79cd\u63a7\u4ef6\u7684\u957f\u76f8\u4e0e\u7528\u6cd5<\/td>\n<td>examples\\\\gallery&#xff08;\u63a7\u4ef6\u9648\u5217\u5ba4&#xff0c;\u5206\u4e09\u9875&#xff1b;build-app.bat gallery&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>\u770b&#034;\u771f\u5b9e\u5de5\u5177&#034;\u7684\u5b8c\u6574\u7ed3\u6784<\/td>\n<td>examples\\\\notepad&#xff08;\u83dc\u5355 \/ \u810f\u6807\u8bb0 \/ \u72b6\u6001\u680f \/ \u7f16\u7801\u8bc6\u522b \/ \u914d\u7f6e&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>\u753b\u5e03\u672c\u8eab\u600e\u4e48\u6539<\/td>\n<td>.codebuddy\\\\skills\\\\designer-modify\\\\SKILL.md<\/td>\n<\/tr>\n<tr>\n<td>\u67b6\u6784\u4e0e\u53d6\u820d<\/td>\n<td>docs\\\\ARCHITECTURE.md<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u5efa\u8bae\u7684\u5b66\u4e60\u987a\u5e8f&#xff1a;\u5148\u628a\u8fd9\u4e94\u8bfe\u90fd\u7f16\u8bd1\u3001\u8fd0\u884c\u3001\u6539\u4e00\u5904\u4e1c\u897f\u8dd1\u901a&#xff1b; \u7136\u540e\u6253\u5f00 examples\\\\gallery \u5f53&#034;\u63a7\u4ef6\u5b57\u5178&#034;\u7ffb&#xff1b; \u6700\u540e\u7167\u7740 examples\\\\notepad \u7684\u7ed3\u6784\u5199\u81ea\u5df1\u7684\u7b2c\u4e00\u4e2a\u5de5\u5177&#xff08;\u7528\u753b\u5e03\u753b\u754c\u9762 \u2192 \u5bfc\u51fa C \u9aa8\u67b6 \u2192 \u586b\u56de\u8c03&#xff09;\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6587\u7ae0\u76ee\u5f55\u4e00\u3001\u4e94\u8bfe\u4e00\u89c8\u4e8c\u3001\u4e94\u5206\u949f\u4e0a\u624b2.1 \u7f16\u8bd1&#xff08;\u4e09\u79cd\u65b9\u5f0f&#xff0c;\u9009\u4e00\u79cd&#xff09;2.2 \u8fd0\u884c \/ \u81ea\u68c02.3 \u60f3\u6539\u754c\u9762\u4e09\u3001\u6bcf\u8bfe\u8be6\u89e3\u5165\u95e8 01&#xff1a;\u7f16\u8f91\u6846\u548c\u6309\u94ae\u5165\u95e8 02&#xff1a;\u5e38\u7528\u8f93\u5165\u63a7\u4ef6\u5165\u95e8 03&#xff1a;\u4e8b\u4ef6\u8fdb\u9636&#xff08;\u65f6\u949f \/ \u952e\u76d8 \/ \u9f20\u6807 \/ \u5173\u95ed&#xff09;\u5165\u95e8 04&#xff1a;\u6570\u636e\u63a7\u4ef6&#xff08;\u5217\u8868\u6846 \/ \u6811 \/ \u8868\u683c&#xff09;\u5165\u95e8 05&#xff1a;\u5f85\u529e\u6e05\u5355&#xff08;\u7efc\u5408\u7ec3<\/p>\n","protected":false},"author":2,"featured_media":108968,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[11653,270,219],"topic":[],"class_list":["post-108970","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-11653","tag-270","tag-219"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CStackGUI \u6559\u5b66\u793a\u4f8b\u4f7f\u7528\u8bf4\u660e - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/108970.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CStackGUI \u6559\u5b66\u793a\u4f8b\u4f7f\u7528\u8bf4\u660e - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u6587\u7ae0\u76ee\u5f55\u4e00\u3001\u4e94\u8bfe\u4e00\u89c8\u4e8c\u3001\u4e94\u5206\u949f\u4e0a\u624b2.1 \u7f16\u8bd1&#xff08;\u4e09\u79cd\u65b9\u5f0f&#xff0c;\u9009\u4e00\u79cd&#xff09;2.2 \u8fd0\u884c \/ \u81ea\u68c02.3 \u60f3\u6539\u754c\u9762\u4e09\u3001\u6bcf\u8bfe\u8be6\u89e3\u5165\u95e8 01&#xff1a;\u7f16\u8f91\u6846\u548c\u6309\u94ae\u5165\u95e8 02&#xff1a;\u5e38\u7528\u8f93\u5165\u63a7\u4ef6\u5165\u95e8 03&#xff1a;\u4e8b\u4ef6\u8fdb\u9636&#xff08;\u65f6\u949f \/ \u952e\u76d8 \/ \u9f20\u6807 \/ \u5173\u95ed&#xff09;\u5165\u95e8 04&#xff1a;\u6570\u636e\u63a7\u4ef6&#xff08;\u5217\u8868\u6846 \/ \u6811 \/ \u8868\u683c&#xff09;\u5165\u95e8 05&#xff1a;\u5f85\u529e\u6e05\u5355&#xff08;\u7efc\u5408\u7ec3\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/108970.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-22T19:24:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922192450-6ab2d602213a0.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"22 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/108970.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/108970.html\",\"name\":\"CStackGUI \u6559\u5b66\u793a\u4f8b\u4f7f\u7528\u8bf4\u660e - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-09-22T19:24:51+00:00\",\"dateModified\":\"2026-09-22T19:24:51+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/108970.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/108970.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/108970.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CStackGUI \u6559\u5b66\u793a\u4f8b\u4f7f\u7528\u8bf4\u660e\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CStackGUI \u6559\u5b66\u793a\u4f8b\u4f7f\u7528\u8bf4\u660e - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/108970.html","og_locale":"zh_CN","og_type":"article","og_title":"CStackGUI \u6559\u5b66\u793a\u4f8b\u4f7f\u7528\u8bf4\u660e - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u6587\u7ae0\u76ee\u5f55\u4e00\u3001\u4e94\u8bfe\u4e00\u89c8\u4e8c\u3001\u4e94\u5206\u949f\u4e0a\u624b2.1 \u7f16\u8bd1&#xff08;\u4e09\u79cd\u65b9\u5f0f&#xff0c;\u9009\u4e00\u79cd&#xff09;2.2 \u8fd0\u884c \/ \u81ea\u68c02.3 \u60f3\u6539\u754c\u9762\u4e09\u3001\u6bcf\u8bfe\u8be6\u89e3\u5165\u95e8 01&#xff1a;\u7f16\u8f91\u6846\u548c\u6309\u94ae\u5165\u95e8 02&#xff1a;\u5e38\u7528\u8f93\u5165\u63a7\u4ef6\u5165\u95e8 03&#xff1a;\u4e8b\u4ef6\u8fdb\u9636&#xff08;\u65f6\u949f \/ \u952e\u76d8 \/ \u9f20\u6807 \/ \u5173\u95ed&#xff09;\u5165\u95e8 04&#xff1a;\u6570\u636e\u63a7\u4ef6&#xff08;\u5217\u8868\u6846 \/ \u6811 \/ \u8868\u683c&#xff09;\u5165\u95e8 05&#xff1a;\u5f85\u529e\u6e05\u5355&#xff08;\u7efc\u5408\u7ec3","og_url":"https:\/\/www.wsisp.com\/helps\/108970.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-09-22T19:24:51+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922192450-6ab2d602213a0.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"22 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/108970.html","url":"https:\/\/www.wsisp.com\/helps\/108970.html","name":"CStackGUI \u6559\u5b66\u793a\u4f8b\u4f7f\u7528\u8bf4\u660e - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-09-22T19:24:51+00:00","dateModified":"2026-09-22T19:24:51+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/108970.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/108970.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/108970.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"CStackGUI \u6559\u5b66\u793a\u4f8b\u4f7f\u7528\u8bf4\u660e"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/108970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=108970"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/108970\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media\/108968"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=108970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=108970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=108970"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=108970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}