Æ»¹ûAIWROKʵÀýµ¥Ñ¡°´Å¥×éÀà[RadioButtonGroup]ÍêÕû×ÛºÏʾÀý

YYPOSTȺ·¢Èí¼þ

Æ»¹ûAIWROKʵÀýµ¥Ñ¡°´Å¥×éÀà[RadioButtonGroup]ÍêÕû×ÛºÏʾÀý

1. // 🎨UI-µ¥Ñ¡°´Å¥×éÀà[RadioButtonGroup]ÍêÕû×ÛºÏʾÀý
   
2. // È«ÃæչʾRadioButtonGroupµÄËùÓй¦Äܺͷ½·¨
   
3. // 🍎½»Á÷QQȺ711841924Ⱥһ£¬Æ»¹ûÄÚ²âȺ£¬528816639
   
4. 
   
5. printl("=== RadioButtonGroupµ¥Ñ¡°´Å¥×éÍêÕû×ÛºÏʾÀýÆô¶¯ ===");
   
6. 
   
7. var tab = new TabView();
   
8. 
   
9. tab.setTitles(["»ù´¡", "¸ß¼¶", "¶¯Ì¬", "×ÛºÏ", "·µ»Ø"]);
   
10. 
    
11. tab.show(function() {
    
12.     printl("TabView½çÃæ¼ÓÔØÍê³É");
    
13.    
    
14.     // ====================== µÚÒ»Ò³£º»ù´¡·½·¨ÑÝʾ ======================
    
15.     var basicPage = new Vertical();
    
16.     basicPage.setSpacing(10);
    
17.     basicPage.setBackgroundColor(255, 255, 255);
    
18.    
    
19.     var basicDesc = new Label();
    
20.     basicDesc.setText("չʾRadioButtonGroupµÄÈý¸öºËÐÄ·½·¨£ºsetID¡¢setDefultSelect¡¢currentSelectedRadio");
    
21.     basicDesc.setTextColor(100, 100, 100);
    
22.     basicDesc.setFontSize(12);
    
23.     basicDesc.setTextAlignment("center");
    
24.     basicPage.addView(basicDesc);
    
25.    
    
26.     // ·½·¨1£ºsetIDÉèÖÿؼþID
    
27.     var section1 = new Horizontal();
    
28.     section1.setAlignment("center");
    
29.     section1.setBackgroundColor(220, 220, 225);
    
30.    
    
31.     var section1Label = new Label();
    
32.     section1Label.setText("·½·¨1£ºsetIDÉèÖÿؼþID");
    
33.     section1Label.setTextColor(60, 60, 60);
    
34.     section1Label.setFontSize(15);
    
35.     section1.addView(section1Label);
    
36.    
    
37.     basicPage.addView(section1);
    
38.    
    
39.     var idDemoContainer = new Vertical();
    
40.     idDemoContainer.setSpacing(10);
    
41.     idDemoContainer.setBackgroundColor(255, 255, 255);
    
42.    
    
43.     var idDesc = new Label();
    
44.     idDesc.setText("Ϊµ¥Ñ¡°´Å¥×éÉèÖÃΨһ±êʶ·û£¬·½±ãºóÐøͨ¹ýconfig¶ÁÈ¡ÅäÖÃ");
    
45.     idDesc.setTextColor(100, 100, 100);
    
46.     idDesc.setFontSize(12);
    
47.     idDemoContainer.addView(idDesc);
    
48.    
    
49.     var idCodeLabel = new Label();
    
50.     idCodeLabel.setText("var rg = new RadioButtonGroup();\nrg.setID(\"abc\");\n// ¶ÁȡʹÓÃ\nconfig.getConfig(\"abc\");");
    
51.     idCodeLabel.setTextColor(50, 50, 150);
    
52.     idCodeLabel.setFontSize(11);
    
53.     idCodeLabel.setBackgroundColor(245, 245, 255);
    
54.     idDemoContainer.addView(idCodeLabel);
    
55.    
    
56.     var idDemoGroup = new RadioButtonGroup();
    
57.     idDemoGroup.setID("demo_group_1");
    
58.     idDemoGroup.setDefultSelect("Ñ¡ÏîA");
    
59.    
    
60.     // ´´½¨µ¥Ñ¡°´Å¥²¢¹ØÁªµ½×é
    
61.     var optionA = new RadioButton();
    
62.     optionA.setText("Ñ¡ÏîA");
    
63.     optionA.setGroup(idDemoGroup);
    
64.    
    
65.     var optionB = new RadioButton();
    
66.     optionB.setText("Ñ¡ÏîB");
    
67.     optionB.setGroup(idDemoGroup);
    
68.    
    
69.     var optionC = new RadioButton();
    
70.     optionC.setText("Ñ¡ÏîC");
    
71.     optionC.setGroup(idDemoGroup);
    
72.    
    
73.     // Ìí¼Óµ¥Ñ¡°´Å¥µ½ÈÝÆ÷
    
74.     var radioContainer = new Horizontal();
    
75.     radioContainer.setSpacing(20);
    
76.     radioContainer.addView(optionA);
    
77.     radioContainer.addView(optionB);
    
78.     radioContainer.addView(optionC);
    
79.     idDemoContainer.addView(radioContainer);
    
80.    
    
81.     var idResultLabel = new Label();
    
82.     idResultLabel.setText("¿Ø¼þIDÒÑÉèÖÃΪ£ºdemo_group_1");
    
83.     idResultLabel.setTextColor(0, 128, 0);
    
84.     idResultLabel.setFontSize(12);
    
85.     idDemoContainer.addView(idResultLabel);
    
86.    
    
87.     var idGetValueButton = new Button();
    
88.     idGetValueButton.setText("»ñÈ¡µ±Ç°Öµ");
    
89.     idGetValueButton.setColor(70, 130, 180);
    
90.     idGetValueButton.setTextColor(255, 255, 255);
    
91.     idGetValueButton.onClick(function() {
    
92.         var selected = idDemoGroup.currentSelectedRadio();
    
93.         var selectedText = selected ? selected.getText() : "δѡÔñ";
    
94.         printl("·½·¨1µ±Ç°Ñ¡ÖÐÏî: " + selectedText);
    
95.         idResultLabel.setText("¿Ø¼þIDÒÑÉèÖÃΪ£ºdemo_group_1£¬µ±Ç°Ñ¡ÖÐ: " + selectedText);
    
96.     });
    
97.     idDemoContainer.addView(idGetValueButton);
    
98.    
    
99.     basicPage.addView(idDemoContainer);
    
100.    
     
101.     // ·½·¨2£ºsetDefultSelectÉèÖÃĬÈÏÖµ
     
102.     var section2 = new Horizontal();
     
103.     section2.setAlignment("center");
     
104.     section2.setBackgroundColor(220, 220, 225);
     
105.    
     
106.     var section2Label = new Label();
     
107.     section2Label.setText("·½·¨2£ºsetDefultSelectÉèÖÃĬÈÏÖµ");
     
108.     section2Label.setTextColor(60, 60, 60);
     
109.     section2Label.setFontSize(15);
     
110.     section2.addView(section2Label);
     
111.    
     
112.     basicPage.addView(section2);
     
113.    
     
114.     var defaultDemoContainer = new Vertical();
     
115.     defaultDemoContainer.setSpacing(10);
     
116.     defaultDemoContainer.setBackgroundColor(255, 255, 255);
     
117.    
     
118.     var defaultDesc = new Label();
     
119.     defaultDesc.setText("ÉèÖõ¥Ñ¡°´Å¥×éµÄĬÈÏÑ¡ÖÐÏ³õʼ»¯Ê±×Ô¶¯Ñ¡ÖÐÖ¸¶¨Ñ¡Ïî");
     
120.     defaultDesc.setTextColor(100, 100, 100);
     
121.     defaultDesc.setFontSize(12);
     
122.     defaultDemoContainer.addView(defaultDesc);
     
123.    
     
124.     var defaultCodeLabel = new Label();
     
125.     defaultCodeLabel.setText("var rg = new RadioButtonGroup();\nrg.setID(\"ÐÔ±ð\")\nrg.setDefultSelect(\"ÄÐ\");");
     
126.     defaultCodeLabel.setTextColor(50, 50, 150);
     
127.     defaultCodeLabel.setFontSize(11);
     
128.     defaultCodeLabel.setBackgroundColor(245, 245, 255);
     
129.     defaultDemoContainer.addView(defaultCodeLabel);
     
130.    
     
131.     var genderGroup = new RadioButtonGroup();
     
132.     genderGroup.setID("gender_group");
     
133.     genderGroup.setDefultSelect("ÄÐ");
     
134.    
     
135.     // ´´½¨µ¥Ñ¡°´Å¥²¢¹ØÁªµ½×é
     
136.     var maleOption = new RadioButton();
     
137.     maleOption.setText("ÄÐ");
     
138.     maleOption.setGroup(genderGroup);
     
139.    
     
140.     var femaleOption = new RadioButton();
     
141.     femaleOption.setText("Å®");
     
142.     femaleOption.setGroup(genderGroup);
     
143.    
     
144.     var otherOption = new RadioButton();
     
145.     otherOption.setText("ÆäËû");
     
146.     otherOption.setGroup(genderGroup);
     
147.    
     
148.     // Ìí¼Óµ¥Ñ¡°´Å¥µ½ÈÝÆ÷
     
149.     var genderContainer = new Horizontal();
     
150.     genderContainer.setSpacing(20);
     
151.     genderContainer.addView(maleOption);
     
152.     genderContainer.addView(femaleOption);
     
153.     genderContainer.addView(otherOption);
     
154.     defaultDemoContainer.addView(genderContainer);
     
155.    
     
156.     var defaultResultLabel = new Label();
     
157.     defaultResultLabel.setText("ĬÈÏÑ¡ÖÐÏÄÐ");
     
158.     defaultResultLabel.setTextColor(0, 128, 0);
     
159.     defaultResultLabel.setFontSize(12);
     
160.     defaultDemoContainer.addView(defaultResultLabel);
     
161.    
     
162.     var defaultGetValueButton = new Button();
     
163.     defaultGetValueButton.setText("»ñÈ¡µ±Ç°Öµ");
     
164.     defaultGetValueButton.setColor(70, 130, 180);
     
165.     defaultGetValueButton.setTextColor(255, 255, 255);
     
166.     defaultGetValueButton.onClick(function() {
     
167.         var selected = genderGroup.currentSelectedRadio();
     
168.         var selectedText = selected ? selected.getText() : "δѡÔñ";
     
169.         printl("·½·¨2µ±Ç°Ñ¡ÖÐÏî: " + selectedText);
     
170.         defaultResultLabel.setText("ĬÈÏÑ¡ÖÐÏÄУ¬µ±Ç°Ñ¡ÖÐ: " + selectedText);
     
171.     });
     
172.     defaultDemoContainer.addView(defaultGetValueButton);
     
173.    
     
174.     basicPage.addView(defaultDemoContainer);
     
175.    
     
176.     // ·½·¨3£ºcurrentSelectedRadioµ±Ç°Ñ¡Öеĵ¥Ñ¡°´Å¥
     
177.     var section3 = new Horizontal();
     
178.     section3.setAlignment("center");
     
179.     section3.setBackgroundColor(220, 220, 225);
     
180.    
     
181.     var section3Label = new Label();
     
182.     section3Label.setText("·½·¨3£ºcurrentSelectedRadio»ñÈ¡µ±Ç°Ñ¡ÖÐÏî");
     
183.     section3Label.setTextColor(60, 60, 60);
     
184.     section3Label.setFontSize(15);
     
185.     section3.addView(section3Label);
     
186.    
     
187.     basicPage.addView(section3);
     
188.    
     
189.     var currentDemoContainer = new Vertical();
     
190.     currentDemoContainer.setSpacing(10);
     
191.     currentDemoContainer.setBackgroundColor(255, 255, 255);
     
192.    
     
193.     var currentDesc = new Label();
     
194.     currentDesc.setText("»ñÈ¡µ±Ç°Ñ¡Öеĵ¥Ñ¡°´Å¥£¬ÓÃÓÚ¶ÁÈ¡Óû§Ñ¡Ôñ»ò½øÐкóÐø²Ù×÷");
     
195.     currentDesc.setTextColor(100, 100, 100);
     
196.     currentDesc.setFontSize(12);
     
197.     currentDemoContainer.addView(currentDesc);
     
198.    
     
199.     var currentCodeLabel = new Label();
     
200.     currentCodeLabel.setText("new RadioButtonGroup().currentSelectedRadio()");
     
201.     currentCodeLabel.setTextColor(50, 50, 150);
     
202.     currentCodeLabel.setFontSize(11);
     
203.     currentCodeLabel.setBackgroundColor(245, 245, 255);
     
204.     currentDemoContainer.addView(currentCodeLabel);
     
205.    
     
206.     var currentGroup = new RadioButtonGroup();
     
207.     currentGroup.setID("current_group");
     
208.     currentGroup.setDefultSelect("Ñ¡Ïî1");
     
209.    
     
210.     // ´´½¨µ¥Ñ¡°´Å¥²¢¹ØÁªµ½×é
     
211.     var option1 = new RadioButton();
     
212.     option1.setText("Ñ¡Ïî1");
     
213.     option1.setGroup(currentGroup);
     
214.    
     
215.     var option2 = new RadioButton();
     
216.     option2.setText("Ñ¡Ïî2");
     
217.     option2.setGroup(currentGroup);
     
218.    
     
219.     var option3 = new RadioButton();
     
220.     option3.setText("Ñ¡Ïî3");
     
221.     option3.setGroup(currentGroup);
     
222.    
     
223.     // Ìí¼Óµ¥Ñ¡°´Å¥µ½ÈÝÆ÷
     
224.     var currentRadioContainer = new Horizontal();
     
225.     currentRadioContainer.setSpacing(20);
     
226.     currentRadioContainer.addView(option1);
     
227.     currentRadioContainer.addView(option2);
     
228.     currentRadioContainer.addView(option3);
     
229.     currentDemoContainer.addView(currentRadioContainer);
     
230.    
     
231.     var currentButton = new Button();
     
232.     currentButton.setText("»ñÈ¡µ±Ç°Ñ¡ÖÐÏî");
     
233.     currentButton.setColor(70, 130, 180);
     
234.     currentButton.setTextColor(255, 255, 255);
     
235.     currentButton.onClick(function() {
     
236.         var selected = currentGroup.currentSelectedRadio();
     
237.         var selectedText = selected ? selected.getText() : "δѡÔñ";
     
238.         printl("µ±Ç°Ñ¡ÖÐÏî: " + selectedText);
     
239.         currentResultLabel.setText("µ±Ç°Ñ¡ÖÐÏî: " + selectedText);
     
240.     });
     
241.     currentDemoContainer.addView(currentButton);
     
242.    
     
243.     var currentResultLabel = new Label();
     
244.     currentResultLabel.setText("µ±Ç°Ñ¡ÖÐÏѡÏî1");
     
245.     currentResultLabel.setTextColor(0, 128, 0);
     
246.     currentResultLabel.setFontSize(12);
     
247.     currentDemoContainer.addView(currentResultLabel);
     
248.    
     
249.     basicPage.addView(currentDemoContainer);
     
250.    
     
251.     // ====================== µÚ¶þÒ³£º¸ß¼¶Ó¦ÓÃÑÝʾ ======================
     
252.     var advancedPage = new Vertical();
     
253.     advancedPage.setSpacing(10);
     
254.     advancedPage.setBackgroundColor(255, 255, 255);
     
255.    
     
256.     var advancedDesc = new Label();
     
257.     advancedDesc.setText("չʾRadioButtonGroupÔÚʵ¼ÊÓ¦Óó¡¾°ÖеÄʹÓ÷½·¨");
     
258.     advancedDesc.setTextColor(100, 100, 100);
     
259.     advancedDesc.setFontSize(12);
     
260.     advancedDesc.setTextAlignment("center");
     
261.     advancedPage.addView(advancedDesc);
     
262.    
     
263.     // Ó¦ÓÃ1£ºÓû§ÉèÖýçÃæ
     
264.     var appSection1 = new Horizontal();
     
265.     appSection1.setAlignment("center");
     
266.     appSection1.setBackgroundColor(220, 220, 225);
     
267.    
     
268.     var appSection1Label = new Label();
     
269.     appSection1Label.setText("Ó¦ÓÃ1£ºÓû§ÉèÖýçÃæ");
     
270.     appSection1Label.setTextColor(60, 60, 60);
     
271.     appSection1Label.setFontSize(15);
     
272.     appSection1.addView(appSection1Label);
     
273.    
     
274.     advancedPage.addView(appSection1);
     
275.    
     
276.     var settingsContainer = new Vertical();
     
277.     settingsContainer.setSpacing(12);
     
278.     settingsContainer.setBackgroundColor(255, 255, 255);
     
279.    
     
280.     var settingsDesc = new Label();
     
281.     settingsDesc.setText("ʹÓÃRadioButtonGroupʵÏÖÓû§Æ«ºÃÉèÖÃ");
     
282.     settingsDesc.setTextColor(100, 100, 100);
     
283.     settingsDesc.setFontSize(12);
     
284.     settingsContainer.addView(settingsDesc);
     
285.    
     
286.     // ÓïÑÔÉèÖÃ
     
287.     var languageLabel = new Label();
     
288.     languageLabel.setText("ÓïÑÔÉèÖÃ");
     
289.     languageLabel.setTextColor(60, 60, 60);
     
290.     languageLabel.setFontSize(14);
     
291.     settingsContainer.addView(languageLabel);
     
292.    
     
293.     var languageGroup = new RadioButtonGroup();
     
294.     languageGroup.setID("language_setting");
     
295.     languageGroup.setDefultSelect("¼òÌåÖÐÎÄ");
     
296.    
     
297.     // ´´½¨µ¥Ñ¡°´Å¥²¢¹ØÁªµ½×é
     
298.     var chineseOption = new RadioButton();
     
299.     chineseOption.setText("¼òÌåÖÐÎÄ");
     
300.     chineseOption.setGroup(languageGroup);
     
301.    
     
302.     var englishOption = new RadioButton();
     
303.     englishOption.setText("English");
     
304.     englishOption.setGroup(languageGroup);
     
305.    
     
306.     // Ìí¼Óµ¥Ñ¡°´Å¥µ½ÈÝÆ÷
     
307.     var languageContainer = new Horizontal();
     
308.     languageContainer.setSpacing(20);
     
309.     languageContainer.setAlignment("center");
     
310.     languageContainer.addView(chineseOption);
     
311.     languageContainer.addView(englishOption);
     
312.     settingsContainer.addView(languageContainer);
     
313.    
     
314.     // Ö÷ÌâÉèÖÃ
     
315.     var themeLabel = new Label();
     
316.     themeLabel.setText("Ö÷ÌâÉèÖÃ");
     
317.     themeLabel.setTextColor(60, 60, 60);
     
318.     themeLabel.setFontSize(14);
     
319.     settingsContainer.addView(themeLabel);
     
320.    
     
321.     var themeGroup = new RadioButtonGroup();
     
322.     themeGroup.setID("theme_setting");
     
323.     themeGroup.setDefultSelect("dzɫģʽ");
     
324.    
     
325.     // ´´½¨µ¥Ñ¡°´Å¥²¢¹ØÁªµ½×é
     
326.     var lightOption = new RadioButton();
     
327.     lightOption.setText("dzɫģʽ");
     
328.     lightOption.setGroup(themeGroup);
     
329.    
     
330.     var darkOption = new RadioButton();
     
331.     darkOption.setText("Éîɫģʽ");
     
332.     darkOption.setGroup(themeGroup);
     
333.    
     
334.     // Ìí¼Óµ¥Ñ¡°´Å¥µ½ÈÝÆ÷
     
335.     var themeContainer = new Horizontal();
     
336.     themeContainer.setSpacing(20);
     
337.     themeContainer.setAlignment("center");
     
338.     themeContainer.addView(lightOption);
     
339.     themeContainer.addView(darkOption);
     
340.     settingsContainer.addView(themeContainer);
     
341.    
     
342.     var saveSettingsButton = new Button();
     
343.     saveSettingsButton.setText("±£´æÉèÖÃ");
     
344.     saveSettingsButton.setColor(46, 139, 87);
     
345.     saveSettingsButton.setTextColor(255, 255, 255);
     
346.     saveSettingsButton.onClick(function() {
     
347.         var langRadio = languageGroup.currentSelectedRadio();
     
348.         var themeRadio = themeGroup.currentSelectedRadio();
     
349.         var lang = langRadio ? langRadio.getText() : "δѡÔñ";
     
350.         var theme = themeRadio ? themeRadio.getText() : "δѡÔñ";
     
351.         printl("±£´æÉèÖà - ÓïÑÔ: " + lang + ", Ö÷Ìâ: " + theme);
     
352.         settingsResultLabel.setText("ÉèÖÃÒѱ£´æ: " + lang + ", " + theme);
     
353.     });
     
354.     settingsContainer.addView(saveSettingsButton);
     
355.    
     
356.     var settingsResultLabel = new Label();
     
357.     settingsResultLabel.setText("µÈ´ý±£´æÉèÖÃ...");
     
358.     settingsResultLabel.setTextColor(100, 100, 100);
     
359.     settingsResultLabel.setFontSize(12);
     
360.     settingsContainer.addView(settingsResultLabel);
     
361.    
     
362.     var settingsGetValueButton = new Button();
     
363.     settingsGetValueButton.setText("»ñÈ¡µ±Ç°Öµ");
     
364.     settingsGetValueButton.setColor(70, 130, 180);
     
365.     settingsGetValueButton.setTextColor(255, 255, 255);
     
366.     settingsGetValueButton.onClick(function() {
     
367.         var langRadio = languageGroup.currentSelectedRadio();
     
368.         var themeRadio = themeGroup.currentSelectedRadio();
     
369.         var lang = langRadio ? langRadio.getText() : "δѡÔñ";
     
370.         var theme = themeRadio ? themeRadio.getText() : "δѡÔñ";
     
371.         printl("ÉèÖõ±Ç°Öµ - ÓïÑÔ: " + lang + ", Ö÷Ìâ: " + theme);
     
372.         settingsResultLabel.setText("µ±Ç°Öµ: ÓïÑÔ=" + lang + ", Ö÷Ìâ=" + theme);
     
373.     });
     
374.     settingsContainer.addView(settingsGetValueButton);
     
375.    
     
376.     advancedPage.addView(settingsContainer);
     
377.    
     
378.     // Ó¦ÓÃ2£º±íµ¥Ñ¡Ôñ
     
379.     var appSection2 = new Horizontal();
     
380.     appSection2.setAlignment("center");
     
381.     appSection2.setBackgroundColor(220, 220, 225);
     
382.    
     
383.     var appSection2Label = new Label();
     
384.     appSection2Label.setText("Ó¦ÓÃ2£º±íµ¥Êý¾ÝÑ¡Ôñ");
     
385.     appSection2Label.setTextColor(60, 60, 60);
     
386.     appSection2Label.setFontSize(15);
     
387.     appSection2.addView(appSection2Label);
     
388.    
     
389.     advancedPage.addView(appSection2);
     
390.    
     
391.     var formContainer = new Vertical();
     
392.     formContainer.setSpacing(12);
     
393.     formContainer.setBackgroundColor(255, 255, 255);
     
394.    
     
395.     var formDesc = new Label();
     
396.     formDesc.setText("ʹÓÃRadioButtonGroupʵÏÖ±íµ¥Öеĵ¥Ñ¡¹¦ÄÜ");
     
397.     formDesc.setTextColor(100, 100, 100);
     
398.     formDesc.setFontSize(12);
     
399.     formContainer.addView(formDesc);
     
400.    
     
401.     // ÐÔ±ðÑ¡Ôñ
     
402.     var genderFormLabel = new Label();
     
403.     genderFormLabel.setText("ÐÔ±ð");
     
404.     genderFormLabel.setTextColor(60, 60, 60);
     
405.     genderFormLabel.setFontSize(14);
     
406.     formContainer.addView(genderFormLabel);
     
407.    
     
408.     var genderFormGroup = new RadioButtonGroup();
     
409.     genderFormGroup.setID("form_gender");
     
410.     genderFormGroup.setDefultSelect("±£ÃÜ");
     
411.    
     
412.     // ´´½¨µ¥Ñ¡°´Å¥²¢¹ØÁªµ½×é
     
413.     var maleFormOption = new RadioButton();
     
414.     maleFormOption.setText("ÄÐ");
     
415.     maleFormOption.setGroup(genderFormGroup);
     
416.    
     
417.     var femaleFormOption = new RadioButton();
     
418.     femaleFormOption.setText("Å®");
     
419.     femaleFormOption.setGroup(genderFormGroup);
     
420.    
     
421.     var secretOption = new RadioButton();
     
422.     secretOption.setText("±£ÃÜ");
     
423.     secretOption.setGroup(genderFormGroup);
     
424.    
     
425.     // Ìí¼Óµ¥Ñ¡°´Å¥µ½ÈÝÆ÷
     
426.     var genderFormContainer = new Horizontal();
     
427.     genderFormContainer.setSpacing(20);
     
428.     genderFormContainer.addView(maleFormOption);
     
429.     genderFormContainer.addView(femaleFormOption);
     
430.     genderFormContainer.addView(secretOption);
     
431.     formContainer.addView(genderFormContainer);
     
432.    
     
433.     // ÄêÁä¶ÎÑ¡Ôñ
     
434.     var ageLabel = new Label();
     
435.     ageLabel.setText("ÄêÁä¶Î");
     
436.     ageLabel.setTextColor(60, 60, 60);
     
437.     ageLabel.setFontSize(14);
     
438.     formContainer.addView(ageLabel);
     
439.    
     
440.     var ageGroup = new RadioButtonGroup();
     
441.     ageGroup.setID("form_age");
     
442.     ageGroup.setDefultSelect("18-25Ëê");
     
443.    
     
444.     // ´´½¨µ¥Ñ¡°´Å¥²¢¹ØÁªµ½×é
     
445.     var age1Option = new RadioButton();
     
446.     age1Option.setText("18-25Ëê");
     
447.     age1Option.setGroup(ageGroup);
     
448.    
     
449.     var age2Option = new RadioButton();
     
450.     age2Option.setText("26-35Ëê");
     
451.     age2Option.setGroup(ageGroup);
     
452.    
     
453.     var age3Option = new RadioButton();
     
454.     age3Option.setText("36ËêÒÔÉÏ");
     
455.     age3Option.setGroup(ageGroup);
     
456.    
     
457.     // Ìí¼Óµ¥Ñ¡°´Å¥µ½ÈÝÆ÷
     
458.     var ageContainer = new Horizontal();
     
459.     ageContainer.setSpacing(20);
     
460.     ageContainer.addView(age1Option);
     
461.     ageContainer.addView(age2Option);
     
462.     ageContainer.addView(age3Option);
     
463.     formContainer.addView(ageContainer);
     
464.    
     
465.     var submitFormButton = new Button();
     
466.     submitFormButton.setText("Ìá½»±íµ¥");
     
467.     submitFormButton.setColor(70, 130, 180);
     
468.     submitFormButton.setTextColor(255, 255, 255);
     
469.     submitFormButton.onClick(function() {
     
470.         var genderRadio = genderFormGroup.currentSelectedRadio();
     
471.         var ageRadio = ageGroup.currentSelectedRadio();
     
472.         var gender = genderRadio ? genderRadio.getText() : "δѡÔñ";
     
473.         var age = ageRadio ? ageRadio.getText() : "δѡÔñ";
     
474.         printl("Ìá½»±íµ¥ - ÐÔ±ð: " + gender + ", ÄêÁä¶Î: " + age);
     
475.         formResultLabel.setText("±íµ¥ÒÑÌá½»: " + gender + ", " + age);
     
476.     });
     
477.     formContainer.addView(submitFormButton);
     
478.    
     
479.     var formResultLabel = new Label();
     
480.     formResultLabel.setText("µÈ´ýÌá½»±íµ¥...");
     
481.     formResultLabel.setTextColor(100, 100, 100);
     
482.     formResultLabel.setFontSize(12);
     
483.     formContainer.addView(formResultLabel);
     
484.    
     
485.     var formGetValueButton = new Button();
     
486.     formGetValueButton.setText("»ñÈ¡µ±Ç°Öµ");
     
487.     formGetValueButton.setColor(70, 130, 180);
     
488.     formGetValueButton.setTextColor(255, 255, 255);
     
489.     formGetValueButton.onClick(function() {
     
490.         var genderRadio = genderFormGroup.currentSelectedRadio();
     
491.         var ageRadio = ageGroup.currentSelectedRadio();
     
492.         var gender = genderRadio ? genderRadio.getText() : "δѡÔñ";
     
493.         var age = ageRadio ? ageRadio.getText() : "δѡÔñ";
     
494.         printl("±íµ¥µ±Ç°Öµ - ÐÔ±ð: " + gender + ", ÄêÁä¶Î: " + age);
     
495.         formResultLabel.setText("µ±Ç°Öµ: ÐÔ±ð=" + gender + ", ÄêÁä¶Î=" + age);
     
496.     });
     
497.     formContainer.addView(formGetValueButton);
     
498.    
     
499.     advancedPage.addView(formContainer);
     
500.    
     
501.     // ====================== µÚÈýÒ³£º¶¯Ì¬¹ÜÀíÑÝʾ ======================
     
502.     var dynamicPage = new Vertical();
     
503.     dynamicPage.setSpacing(10);
     
504.     dynamicPage.setBackgroundColor(255, 255, 255);
     
505.    
     
506.     var dynamicDesc = new Label();
     
507.     dynamicDesc.setText("չʾÈçºÎ¶¯Ì¬´´½¨ºÍ¹ÜÀíRadioButtonGroup£¬ÒÔ¼°ÓëÆäËû¿Ø¼þµÄ½»»¥");
     
508.     dynamicDesc.setTextColor(100, 100, 100);
     
509.     dynamicDesc.setFontSize(12);
     
510.     dynamicDesc.setTextAlignment("center");
     
511.     dynamicPage.addView(dynamicDesc);
     
512.    
     
513.     // ¶¯Ì¬´´½¨RadioButtonGroup
     
514.     var dynamicSection1 = new Horizontal();
     
515.     dynamicSection1.setAlignment("center");
     
516.     dynamicSection1.setBackgroundColor(220, 220, 225);
     
517.    
     
518.     var dynamicSection1Label = new Label();
     
519.     dynamicSection1Label.setText("¶¯Ì¬´´½¨RadioButtonGroup");
     
520.     dynamicSection1Label.setTextColor(60, 60, 60);
     
521.     dynamicSection1Label.setFontSize(15);
     
522.     dynamicSection1.addView(dynamicSection1Label);
     
523.    
     
524.     dynamicPage.addView(dynamicSection1);
     
525.    
     
526.     var dynamicCreateContainer = new Vertical();
     
527.     dynamicCreateContainer.setSpacing(10);
     
528.     dynamicCreateContainer.setBackgroundColor(255, 255, 255);
     
529.    
     
530.     var dynamicCreateDesc = new Label();
     
531.     dynamicCreateDesc.setText("ͨ¹ý´úÂ붯̬´´½¨RadioButtonGroup²¢Ìí¼Óµ½½çÃæ");
     
532.     dynamicCreateDesc.setTextColor(100, 100, 100);
     
533.     dynamicCreateDesc.setFontSize(12);
     
534.     dynamicCreateContainer.addView(dynamicCreateDesc);
     
535.    
     
536.     var dynamicCreateButton = new Button();
     
537.     dynamicCreateButton.setText("´´½¨Ðµĵ¥Ñ¡°´Å¥×é");
     
538.     dynamicCreateButton.setColor(70, 130, 180);
     
539.     dynamicCreateButton.setTextColor(255, 255, 255);
     
540.     dynamicCreateButton.onClick(function() {
     
541.         var newGroup = new RadioButtonGroup();
     
542.         var groupId = "dynamic_group_" + dynamicCreateContainer.getViewCount();
     
543.         newGroup.setID(groupId);
     
544.         newGroup.setDefultSelect("Ñ¡ÏîA");
     
545.         
     
546.         var groupLabel = new Label();
     
547.         groupLabel.setText("ÒÑ´´½¨×é: " + groupId);
     
548.         groupLabel.setTextColor(0, 128, 0);
     
549.         groupLabel.setFontSize(11);
     
550.         dynamicCreateContainer.addView(groupLabel);
     
551.         
     
552.         printl("ÒÑ´´½¨ÐµÄRadioButtonGroup£¬ID: " + groupId);
     
553.     });
     
554.     dynamicCreateContainer.addView(dynamicCreateButton);
     
555.    
     
556.     dynamicPage.addView(dynamicCreateContainer);
     
557.    
     
558.     // ¶¯Ì¬¶ÁÈ¡ÅäÖÃ
     
559.     var dynamicSection2 = new Horizontal();
     
560.     dynamicSection2.setAlignment("center");
     
561.     dynamicSection2.setBackgroundColor(220, 220, 225);
     
562.    
     
563.     var dynamicSection2Label = new Label();
     
564.     dynamicSection2Label.setText("¶¯Ì¬¶ÁÈ¡ÅäÖÃ");
     
565.     dynamicSection2Label.setTextColor(60, 60, 60);
     
566.     dynamicSection2Label.setFontSize(15);
     
567.     dynamicSection2.addView(dynamicSection2Label);
     
568.    
     
569.     dynamicPage.addView(dynamicSection2);
     
570.    
     
571.     var dynamicConfigContainer = new Vertical();
     
572.     dynamicConfigContainer.setSpacing(10);
     
573.     dynamicConfigContainer.setBackgroundColor(255, 255, 255);
     
574.    
     
575.     var dynamicConfigDesc = new Label();
     
576.     dynamicConfigDesc.setText("ͨ¹ýconfig¶ÁÈ¡RadioButtonGroupµÄÅäÖÃÖµ");
     
577.     dynamicConfigDesc.setTextColor(100, 100, 100);
     
578.     dynamicConfigDesc.setFontSize(12);
     
579.     dynamicConfigContainer.addView(dynamicConfigDesc);
     
580.    
     
581.     var configGroup = new RadioButtonGroup();
     
582.     configGroup.setID("config_test_group");
     
583.     configGroup.setDefultSelect("ÅäÖÃÏî1");
     
584.    
     
585.     // ´´½¨µ¥Ñ¡°´Å¥²¢¹ØÁªµ½×é
     
586.     var config1Option = new RadioButton();
     
587.     config1Option.setText("ÅäÖÃÏî1");
     
588.     config1Option.setGroup(configGroup);
     
589.    
     
590.     var config2Option = new RadioButton();
     
591.     config2Option.setText("ÅäÖÃÏî2");
     
592.     config2Option.setGroup(configGroup);
     
593.    
     
594.     // Ìí¼Óµ¥Ñ¡°´Å¥µ½ÈÝÆ÷
     
595.     var configContainer = new Horizontal();
     
596.     configContainer.setSpacing(20);
     
597.     configContainer.addView(config1Option);
     
598.     configContainer.addView(config2Option);
     
599.     dynamicConfigContainer.addView(configContainer);
     
600.    
     
601.     var readConfigButton = new Button();
     
602.     readConfigButton.setText("¶ÁÈ¡ÅäÖÃ");
     
603.     readConfigButton.setColor(46, 139, 87);
     
604.     readConfigButton.setTextColor(255, 255, 255);
     
605.     readConfigButton.onClick(function() {
     
606.         var selectedRadio = configGroup.currentSelectedRadio();
     
607.         var selectedText = selectedRadio ? selectedRadio.getText() : "δѡÔñ";
     
608.         printl("µ±Ç°Ñ¡ÖÐÖµ: " + selectedText);
     
609.         configResultLabel.setText("ÅäÖÃÖµ: " + selectedText);
     
610.     });
     
611.     dynamicConfigContainer.addView(readConfigButton);
     
612.    
     
613.     var configResultLabel = new Label();
     
614.     configResultLabel.setText("µÈ´ý¶ÁÈ¡ÅäÖÃ...");
     
615.     configResultLabel.setTextColor(100, 100, 100);
     
616.     configResultLabel.setFontSize(12);
     
617.     dynamicConfigContainer.addView(configResultLabel);
     
618.    
     
619.     var configGetValueButton = new Button();
     
620.     configGetValueButton.setText("»ñÈ¡µ±Ç°Öµ");
     
621.     configGetValueButton.setColor(70, 130, 180);
     
622.     configGetValueButton.setTextColor(255, 255, 255);
     
623.     configGetValueButton.onClick(function() {
     
624.         var selectedRadio = configGroup.currentSelectedRadio();
     
625.         var selectedText = selectedRadio ? selectedRadio.getText() : "δѡÔñ";
     
626.         printl("ÅäÖõ±Ç°Öµ: " + selectedText);
     
627.         configResultLabel.setText("µ±Ç°Öµ: " + selectedText);
     
628.     });
     
629.     dynamicConfigContainer.addView(configGetValueButton);
     
630.    
     
631.     dynamicPage.addView(dynamicConfigContainer);
     
632.    
     
633.     // ====================== µÚËÄÒ³£º×ÛºÏÑÝʾ ======================
     
634.     var comprehensivePage = new Vertical();
     
635.     comprehensivePage.setSpacing(10);
     
636.     comprehensivePage.setBackgroundColor(255, 255, 255);
     
637.    
     
638.     var comprehensiveDesc = new Label();
     
639.     comprehensiveDesc.setText("չʾRadioButtonGroupÔÚÍêÕûÓ¦Óó¡¾°ÖеÄ×ÛºÏʹÓÃ");
     
640.     comprehensiveDesc.setTextColor(100, 100, 100);
     
641.     comprehensiveDesc.setFontSize(12);
     
642.     comprehensiveDesc.setTextAlignment("center");
     
643.     comprehensivePage.addView(comprehensiveDesc);
     
644.    
     
645.     // ÍêÕûµÄÎʾíµ÷²éʾÀý
     
646.     var surveySection = new Horizontal();
     
647.     surveySection.setAlignment("center");
     
648.     surveySection.setBackgroundColor(220, 220, 225);
     
649.    
     
650.     var surveySectionLabel = new Label();
     
651.     surveySectionLabel.setText("×ÛºÏÓ¦ÓãºÓû§Îʾíµ÷²é");
     
652.     surveySectionLabel.setTextColor(60, 60, 60);
     
653.     surveySectionLabel.setFontSize(15);
     
654.     surveySection.addView(surveySectionLabel);
     
655.    
     
656.     comprehensivePage.addView(surveySection);
     
657.    
     
658.     var surveyContainer = new Vertical();
     
659.     surveyContainer.setSpacing(15);
     
660.     surveyContainer.setBackgroundColor(255, 255, 255);
     
661.    
     
662.     var surveyTitle = new Label();
     
663.     surveyTitle.setText("Óû§ÂúÒâ¶Èµ÷²é");
     
664.     surveyTitle.setTextColor(50, 50, 50);
     
665.     surveyTitle.setFontSize(16);
     
666.     surveyTitle.setTextAlignment("center");
     
667.     surveyContainer.addView(surveyTitle);
     
668.    
     
669.     // ÎÊÌâ1
     
670.     var q1Label = new Label();
     
671.     q1Label.setText("1. Äú¶Ô²úÆ·µÄÕûÌåÂúÒâ¶ÈÈçºÎ£¿");
     
672.     q1Label.setTextColor(60, 60, 60);
     
673.     q1Label.setFontSize(14);
     
674.     surveyContainer.addView(q1Label);
     
675.    
     
676.     var q1Group = new RadioButtonGroup();
     
677.     q1Group.setID("survey_q1");
     
678.     q1Group.setDefultSelect("ÂúÒâ");
     
679.    
     
680.     // ´´½¨µ¥Ñ¡°´Å¥²¢¹ØÁªµ½×é
     
681.     var verySatisfiedOption = new RadioButton();
     
682.     verySatisfiedOption.setText("·Ç³£ÂúÒâ");
     
683.     verySatisfiedOption.setGroup(q1Group);
     
684.    
     
685.     var satisfiedOption = new RadioButton();
     
686.     satisfiedOption.setText("ÂúÒâ");
     
687.     satisfiedOption.setGroup(q1Group);
     
688.    
     
689.     var neutralOption = new RadioButton();
     
690.     neutralOption.setText("Ò»°ã");
     
691.     neutralOption.setGroup(q1Group);
     
692.    
     
693.     var dissatisfiedOption = new RadioButton();
     
694.     dissatisfiedOption.setText("²»ÂúÒâ");
     
695.     dissatisfiedOption.setGroup(q1Group);
     
696.    
     
697.     // Ìí¼Óµ¥Ñ¡°´Å¥µ½ÈÝÆ÷
     
698.     var q1Container = new Vertical();
     
699.     q1Container.setSpacing(10);
     
700.    
     
701.     var q1Row1 = new Horizontal();
     
702.     q1Row1.setSpacing(15);
     
703.     q1Row1.addView(verySatisfiedOption);
     
704.     q1Row1.addView(satisfiedOption);
     
705.    
     
706.     var q1Row2 = new Horizontal();
     
707.     q1Row2.setSpacing(15);
     
708.     q1Row2.addView(neutralOption);
     
709.     q1Row2.addView(dissatisfiedOption);
     
710.    
     
711.     q1Container.addView(q1Row1);
     
712.     q1Container.addView(q1Row2);
     
713.     surveyContainer.addView(q1Container);
     
714.    
     
715.     // ÎÊÌâ2
     
716.     var q2Label = new Label();
     
717.     q2Label.setText("2. ÄúʹÓòúÆ·µÄƵÂÊÊÇ£¿");
     
718.     q2Label.setTextColor(60, 60, 60);
     
719.     q2Label.setFontSize(14);
     
720.     surveyContainer.addView(q2Label);
     
721.    
     
722.     var q2Group = new RadioButtonGroup();
     
723.     q2Group.setID("survey_q2");
     
724.     q2Group.setDefultSelect("ÿÌìʹÓÃ");
     
725.    
     
726.     // ´´½¨µ¥Ñ¡°´Å¥²¢¹ØÁªµ½×é
     
727.     var dailyOption = new RadioButton();
     
728.     dailyOption.setText("ÿÌìʹÓÃ");
     
729.     dailyOption.setGroup(q2Group);
     
730.    
     
731.     var weeklyOption = new RadioButton();
     
732.     weeklyOption.setText("ÿÖÜʹÓÃ");
     
733.     weeklyOption.setGroup(q2Group);
     
734.    
     
735.     var monthlyOption = new RadioButton();
     
736.     monthlyOption.setText("ÿÔÂʹÓÃ");
     
737.     monthlyOption.setGroup(q2Group);
     
738.    
     
739.     var rarelyOption = new RadioButton();
     
740.     rarelyOption.setText("ºÜÉÙʹÓÃ");
     
741.     rarelyOption.setGroup(q2Group);
     
742.    
     
743.     // Ìí¼Óµ¥Ñ¡°´Å¥µ½ÈÝÆ÷
     
744.     var q2Container = new Vertical();
     
745.     q2Container.setSpacing(10);
     
746.    
     
747.     var q2Row1 = new Horizontal();
     
748.     q2Row1.setSpacing(15);
     
749.     q2Row1.addView(dailyOption);
     
750.     q2Row1.addView(weeklyOption);
     
751.    
     
752.     var q2Row2 = new Horizontal();
     
753.     q2Row2.setSpacing(15);
     
754.     q2Row2.addView(monthlyOption);
     
755.     q2Row2.addView(rarelyOption);
     
756.    
     
757.     q2Container.addView(q2Row1);
     
758.     q2Container.addView(q2Row2);
     
759.     surveyContainer.addView(q2Container);
     
760.    
     
761.     // ÎÊÌâ3
     
762.     var q3Label = new Label();
     
763.     q3Label.setText("3. Äú»áÍƼö¸øÅóÓÑÂð£¿");
     
764.     q3Label.setTextColor(60, 60, 60);
     
765.     q3Label.setFontSize(14);
     
766.     surveyContainer.addView(q3Label);
     
767.    
     
768.     var q3Group = new RadioButtonGroup();
     
769.     q3Group.setID("survey_q3");
     
770.     q3Group.setDefultSelect("»áÍƼö");
     
771.    
     
772.     // ´´½¨µ¥Ñ¡°´Å¥²¢¹ØÁªµ½×é
     
773.     var definitelyOption = new RadioButton();
     
774.     definitelyOption.setText("¿Ï¶¨»á");
     
775.     definitelyOption.setGroup(q3Group);
     
776.    
     
777.     var yesOption = new RadioButton();
     
778.     yesOption.setText("»áÍƼö");
     
779.     yesOption.setGroup(q3Group);
     
780.    
     
781.     var maybeOption = new RadioButton();
     
782.     maybeOption.setText("¿ÉÄÜ»á");
     
783.     maybeOption.setGroup(q3Group);
     
784.    
     
785.     var noOption = new RadioButton();
     
786.     noOption.setText("²»»á");
     
787.     noOption.setGroup(q3Group);
     
788.    
     
789.     // Ìí¼Óµ¥Ñ¡°´Å¥µ½ÈÝÆ÷
     
790.     var q3Container = new Vertical();
     
791.     q3Container.setSpacing(10);
     
792.    
     
793.     var q3Row1 = new Horizontal();
     
794.     q3Row1.setSpacing(15);
     
795.     q3Row1.addView(definitelyOption);
     
796.     q3Row1.addView(yesOption);
     
797.    
     
798.     var q3Row2 = new Horizontal();
     
799.     q3Row2.setSpacing(15);
     
800.     q3Row2.addView(maybeOption);
     
801.     q3Row2.addView(noOption);
     
802.    
     
803.     q3Container.addView(q3Row1);
     
804.     q3Container.addView(q3Row2);
     
805.     surveyContainer.addView(q3Container);
     
806.    
     
807.     // Ìá½»°´Å¥
     
808.     var submitSurveyButton = new Button();
     
809.     submitSurveyButton.setText("Ìá½»µ÷²é");
     
810.     submitSurveyButton.setColor(70, 130, 180);
     
811.     submitSurveyButton.setTextColor(255, 255, 255);
     
812.     submitSurveyButton.setWidth(150);
     
813.     submitSurveyButton.setHeight(45);
     
814.     submitSurveyButton.onClick(function() {
     
815.         var q1Radio = q1Group.currentSelectedRadio();
     
816.         var q2Radio = q2Group.currentSelectedRadio();
     
817.         var q3Radio = q3Group.currentSelectedRadio();
     
818.         
     
819.         var q1Answer = q1Radio ? q1Radio.getText() : "δѡÔñ";
     
820.         var q2Answer = q2Radio ? q2Radio.getText() : "δѡÔñ";
     
821.         var q3Answer = q3Radio ? q3Radio.getText() : "δѡÔñ";
     
822.         
     
823.         var result = "µ÷²é½á¹û:\n" +
     
824.                      "1. ÂúÒâ¶È: " + q1Answer + "\n" +
     
825.                      "2. ʹÓÃƵÂÊ: " + q2Answer + "\n" +
     
826.                      "3. ÍƼöÒâÔ¸: " + q3Answer;
     
827.         
     
828.         printl(result);
     
829.         surveyResultLabel.setText(result);
     
830.         showToast("µ÷²éÌá½»³É¹¦£¡");
     
831.     });
     
832.     surveyContainer.addView(submitSurveyButton);
     
833.    
     
834.     var surveyResultLabel = new Label();
     
835.     surveyResultLabel.setText("µÈ´ýÌá½»µ÷²é...");
     
836.     surveyResultLabel.setTextColor(100, 100, 100);
     
837.     surveyResultLabel.setFontSize(12);
     
838.     surveyContainer.addView(surveyResultLabel);
     
839.    
     
840.     var surveyGetValueButton = new Button();
     
841.     surveyGetValueButton.setText("»ñÈ¡µ±Ç°Öµ");
     
842.     surveyGetValueButton.setColor(70, 130, 180);
     
843.     surveyGetValueButton.setTextColor(255, 255, 255);
     
844.     surveyGetValueButton.onClick(function() {
     
845.         var q1Radio = q1Group.currentSelectedRadio();
     
846.         var q2Radio = q2Group.currentSelectedRadio();
     
847.         var q3Radio = q3Group.currentSelectedRadio();
     
848.         
     
849.         var q1Answer = q1Radio ? q1Radio.getText() : "δѡÔñ";
     
850.         var q2Answer = q2Radio ? q2Radio.getText() : "δѡÔñ";
     
851.         var q3Answer = q3Radio ? q3Radio.getText() : "δѡÔñ";
     
852.         
     
853.         var result = "µ±Ç°Öµ:\n" +
     
854.                      "1. ÂúÒâ¶È: " + q1Answer + "\n" +
     
855.                      "2. ʹÓÃƵÂÊ: " + q2Answer + "\n" +
     
856.                      "3. ÍƼöÒâÔ¸: " + q3Answer;
     
857.         
     
858.         printl(result);
     
859.         surveyResultLabel.setText(result);
     
860.     });
     
861.     surveyContainer.addView(surveyGetValueButton);
     
862.    
     
863.     comprehensivePage.addView(surveyContainer);
     
864.    
     
865.     // ·½·¨×ܽá
     
866.     var summarySection = new Horizontal();
     
867.     summarySection.setAlignment("center");
     
868.     summarySection.setBackgroundColor(220, 220, 225);
     
869.    
     
870.     var summarySectionLabel = new Label();
     
871.     summarySectionLabel.setText("·½·¨×ܽá");
     
872.     summarySectionLabel.setTextColor(60, 60, 60);
     
873.     summarySectionLabel.setFontSize(15);
     
874.     summarySection.addView(summarySectionLabel);
     
875.    
     
876.     comprehensivePage.addView(summarySection);
     
877.    
     
878.     var summaryContainer = new Vertical();
     
879.     summaryContainer.setSpacing(10);
     
880.     summaryContainer.setBackgroundColor(255, 255, 255);
     
881.    
     
882.     var summaryLabel = new Label();
     
883.     summaryLabel.setText("RadioButtonGroupºËÐÄ·½·¨×ܽ᣺\n\n" +
     
884.                         "1. setID(id) - ÉèÖÿؼþΨһ±êʶ·û\n" +
     
885.                         "   ÓÃ;£ºÎªµ¥Ñ¡°´Å¥×éÉèÖÃID£¬±ãÓÚͨ¹ýconfig¶ÁÈ¡ÅäÖÃ\n" +
     
886.                         "   Ê¾Àý£ºrg.setID(\"abc\")\n\n" +
     
887.                         "2. setDefultSelect(value) - ÉèÖÃĬÈÏÑ¡ÖÐÏî\n" +
     
888.                         "   ÓÃ;£º³õʼ»¯Ê±×Ô¶¯Ñ¡ÖÐÖ¸¶¨µÄÑ¡Ïî\n" +
     
889.                         "   Ê¾Àý£ºrg.setDefultSelect(\"ÄÐ\")\n\n" +
     
890.                         "3. currentSelectedRadio() - »ñÈ¡µ±Ç°Ñ¡ÖÐÏî\n" +
     
891.                         "   ÓÃ;£º»ñÈ¡Óû§µ±Ç°Ñ¡ÔñµÄÑ¡Ïî\n" +
     
892.                         "   Ê¾Àý£ºrg.currentSelectedRadio()");
     
893.     summaryLabel.setTextColor(60, 60, 60);
     
894.     summaryLabel.setFontSize(11);
     
895.     summaryLabel.setBackgroundColor(245, 245, 255);
     
896.     summaryContainer.addView(summaryLabel);
     
897.    
     
898.     comprehensivePage.addView(summaryContainer);
     
899.    
     
900.     // ====================== µÚÎåÒ³£º·µ»Ø×ÀÃæ ======================
     
901.     var returnPage = new Vertical();
     
902.     returnPage.setSpacing(30);
     
903.     returnPage.setBackgroundColor(245, 248, 250);
     
904.     returnPage.setAlignment("center");
     
905.    
     
906.     var returnHeader = new Horizontal();
     
907.     returnHeader.setAlignment("center");
     
908.     returnHeader.setBackgroundColor(70, 130, 180);
     
909.    
     
910.     var returnHeaderLabel = new Label();
     
911.     returnHeaderLabel.setText("·µ»Ø×ÀÃæ");
     
912.     returnHeaderLabel.setTextColor(255, 255, 255);
     
913.     returnHeaderLabel.setFontSize(20);
     
914.     returnHeader.addView(returnHeaderLabel);
     
915.    
     
916.     returnPage.addView(returnHeader);
     
917.    
     
918.     var returnDesc = new Label();
     
919.     returnDesc.setText("µã»÷Ï·½°´Å¥·µ»Ø×ÀÃæ");
     
920.     returnDesc.setTextColor(100, 100, 100);
     
921.     returnDesc.setFontSize(16);
     
922.     returnDesc.setTextAlignment("center");
     
923.     returnPage.addView(returnDesc);
     
924.    
     
925.     var returnButton = new Button();
     
926.     returnButton.setText("·µ»Ø×ÀÃæ");
     
927.     returnButton.setColor(255, 99, 71); // ·¬ÇѺìÉ«±³¾°
     
928.     returnButton.setTextColor(255, 255, 255); // °×É«ÎÄ×Ö
     
929.     returnButton.setWidth(180);
     
930.     returnButton.setHeight(50);
     
931.     returnButton.onClick(function() {
     
932.         printl("·µ»Ø×ÀÃæ°´Å¥±»µã»÷");
     
933.         tab.dismiss();
     
934.         showToast("ÒÑ·µ»Ø×ÀÃæ");
     
935.     });
     
936.     returnPage.addView(returnButton);
     
937.    
     
938.     // ====================== Ìí¼ÓËùÓÐÒ³Ãæµ½TabView ======================
     
939.     tab.addView(0, basicPage);
     
940.     tab.addView(1, advancedPage);
     
941.     tab.addView(2, dynamicPage);
     
942.     tab.addView(3, comprehensivePage);
     
943.     tab.addView(4, returnPage);
     
944.    
     
945.     printl("RadioButtonGroupʾÀýÊÓͼÌí¼ÓÍê³É");
     
946. });
     
947. 
     
948. // ÏÔʾÌáʾÐÅÏ¢º¯Êý
     
949. function showToast(message) {
     
950.     printl("Ìáʾ: " + message);
     
951. }
     
952. 
     
953. // ÈÕÖ¾Êä³öº¯Êý
     
954. function printl(message) {
     
955.     console.log("[RadioButtonGroup Example] " + message);
     
956. }
     
957. 
     
958. // ´úÂë˵Ã÷£º
     
959. // 1. ±¾Ê¾ÀýÈ«ÃæչʾÁËRadioButtonGroupµÄÈý¸öºËÐÄ·½·¨£ºsetID¡¢setDefultSelect¡¢currentSelectedRadio
     
960. // 2. µÚһҳչʾÁË»ù´¡·½·¨µÄµ¥¶ÀʹÓúʹúÂëʾÀý
     
961. // 3. µÚ¶þҳչʾÁËRadioButtonGroupÔÚʵ¼ÊÓ¦Óó¡¾°ÖеÄʹÓã¬ÈçÓû§ÉèÖá¢±íµ¥Ñ¡ÔñµÈ
     
962. // 4. µÚÈýҳչʾÁ˶¯Ì¬´´½¨ºÍ¹ÜÀíRadioButtonGroupµÄ·½·¨
     
963. // 5. µÚËÄҳչʾÁË×ÛºÏÓ¦Óó¡¾°£¬°üÀ¨ÍêÕûµÄÎʾíµ÷²éʾÀý
     
964. // 6. ´úÂë×ñÑ­AIWROKƽ̨µÄ·½·¨¹æ·¶£¬Ê¹ÓÃES5Óï·¨
     
965. // 7. ËùÓÐʾÀý¶¼°üº¬ÏêϸµÄ×¢ÊͺÍ˵Ã÷
     
966. // 8. ¿ÉÒÔ¸ù¾Ýʵ¼ÊÐèÇóÐ޸ĺÍÀ©Õ¹¹¦ÄÜ
     

¸´ÖÆ´úÂë