AIWROKÈí¼þÆ»¹ûϵͳ¸´Ñ¡¿òÓ÷¨

YYPOSTȺ·¢Èí¼þ

AIWROKÈí¼þÆ»¹ûϵͳ¸´Ñ¡¿òÓ÷¨

1. // 🎨UI-¸´Ñ¡¿òÀà[CheckBox]ÍêÕû×ÛºÏʾÀý
   
2. // È«ÃæչʾCheckBoxµÄËùÓй¦Äܺͷ½·¨£¬°üº¬Êµ¼ÊÓ¦Óó¡¾°
   
3. // 🍎½»Á÷QQȺ711841924Ⱥһ£¬Æ»¹ûÄÚ²âȺ£¬528816639
   
4. 
   
5. printl("=== CheckBox¸´Ñ¡¿òÍêÕû×ÛºÏʾÀýÆô¶¯ ===");
   
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(5);
    
17.     basicPage.setBackgroundColor(255, 255, 255);
    
18.    
    
19.     var basicDesc = new Label();
    
20.     basicDesc.setText("չʾCheckBoxµÄËĸöºËÐÄ»ù´¡·½·¨£ºsetText¡¢getText¡¢setID¡¢setDefultSelect");
    
21.     basicDesc.setTextColor(50, 100, 150);
    
22.     basicDesc.setFontSize(14);
    
23.     basicDesc.setTextAlignment("center");
    
24.     basicPage.addView(basicDesc);
    
25.    
    
26.     // ·½·¨1£ºsetTextÉèÖø´Ñ¡¿ò±êÌâ
    
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£ºsetTextÉèÖø´Ñ¡¿ò±êÌâ");
    
33.     section1Label.setTextColor(60, 60, 60);
    
34.     section1Label.setFontSize(15);
    
35.     section1.addView(section1Label);
    
36.    
    
37.     basicPage.addView(section1);
    
38.    
    
39.     var textDemoContainer = new Vertical();
    
40.     textDemoContainer.setSpacing(10);
    
41.     textDemoContainer.setBackgroundColor(255, 255, 255);
    
42.    
    
43.     var textDesc = new Label();
    
44.     textDesc.setText("Ϊ¸´Ñ¡¿òÉèÖÃÏÔʾµÄÎı¾ÄÚÈÝ");
    
45.     textDesc.setTextColor(100, 100, 100);
    
46.     textDesc.setFontSize(12);
    
47.     textDemoContainer.addView(textDesc);
    
48.    
    
49.     var textCodeLabel = new Label();
    
50.     textCodeLabel.setText("var checkbox = new CheckBox();\ncheckbox.setText(\"Ñ¡Ïî1\");");
    
51.     textCodeLabel.setTextColor(50, 50, 150);
    
52.     textCodeLabel.setFontSize(11);
    
53.     textCodeLabel.setBackgroundColor(245, 245, 255);
    
54.     textDemoContainer.addView(textCodeLabel);
    
55.    
    
56.     var textDemoCheckbox = new CheckBox();
    
57.     textDemoCheckbox.setText("ÕâÊÇͨ¹ýsetTextÉèÖõıêÌâ");
    
58.     textDemoCheckbox.onClick(function() {
    
59.         var state = textDemoCheckbox.isSelect() ? "Ñ¡ÖÐ" : "δѡÖÐ";
    
60.         printl("setTextʾÀý¸´Ñ¡¿ò±»" + state);
    
61.         textResultLabel.setText("µ±Ç°±êÌâ: " + textDemoCheckbox.getText() + " (" + state + ")");
    
62.     });
    
63.     textDemoContainer.addView(textDemoCheckbox);
    
64.    
    
65.     var textResultLabel = new Label();
    
66.     textResultLabel.setText("µ±Ç°±êÌâ: " + textDemoCheckbox.getText());
    
67.     textResultLabel.setTextColor(0, 128, 0);
    
68.     textResultLabel.setFontSize(12);
    
69.     textDemoContainer.addView(textResultLabel);
    
70.    
    
71.     basicPage.addView(textDemoContainer);
    
72.    
    
73.     // ·½·¨2£ºgetText»ñÈ¡¸´Ñ¡¿ò±êÌâ
    
74.     var section2 = new Horizontal();
    
75.     section2.setAlignment("center");
    
76.     section2.setBackgroundColor(220, 220, 225);
    
77.    
    
78.     var section2Label = new Label();
    
79.     section2Label.setText("·½·¨2£ºgetText»ñÈ¡¸´Ñ¡¿ò±êÌâ");
    
80.     section2Label.setTextColor(60, 60, 60);
    
81.     section2Label.setFontSize(15);
    
82.     section2.addView(section2Label);
    
83.    
    
84.     basicPage.addView(section2);
    
85.    
    
86.     var getTextContainer = new Vertical();
    
87.     getTextContainer.setSpacing(10);
    
88.     getTextContainer.setBackgroundColor(255, 255, 255);
    
89.    
    
90.     var getTextDesc = new Label();
    
91.     getTextDesc.setText("»ñÈ¡¸´Ñ¡¿òµ±Ç°ÏÔʾµÄÎı¾ÄÚÈÝ");
    
92.     getTextDesc.setTextColor(100, 100, 100);
    
93.     getTextDesc.setFontSize(12);
    
94.     getTextContainer.addView(getTextDesc);
    
95.    
    
96.     var getTextCodeLabel = new Label();
    
97.     getTextCodeLabel.setText("var title = checkbox.getText();");
    
98.     getTextCodeLabel.setTextColor(50, 50, 150);
    
99.     getTextCodeLabel.setFontSize(11);
    
100.     getTextCodeLabel.setBackgroundColor(245, 245, 255);
     
101.     getTextContainer.addView(getTextCodeLabel);
     
102.    
     
103.     var getTextCheckbox = new CheckBox();
     
104.     getTextCheckbox.setText("ʾÀý¸´Ñ¡¿ò");
     
105.     getTextCheckbox.onClick(function() {
     
106.         var state = getTextCheckbox.isSelect() ? "Ñ¡ÖÐ" : "δѡÖÐ";
     
107.         printl("getTextʾÀý¸´Ñ¡¿ò±»" + state);
     
108.         getTextResultLabel.setText("»ñÈ¡µ½µÄ±êÌâ: " + getTextCheckbox.getText() + " (" + state + ")");
     
109.     });
     
110.     getTextContainer.addView(getTextCheckbox);
     
111.    
     
112.     var getTextResultLabel = new Label();
     
113.     getTextResultLabel.setText("»ñÈ¡µ½µÄ±êÌâ: ");
     
114.     getTextResultLabel.setTextColor(0, 128, 0);
     
115.     getTextResultLabel.setFontSize(12);
     
116.     getTextContainer.addView(getTextResultLabel);
     
117.    
     
118.     var getTextButton = new Button();
     
119.     getTextButton.setText("»ñÈ¡±êÌâ");
     
120.     getTextButton.setColor(70, 130, 180);
     
121.     getTextButton.setTextColor(255, 255, 255);
     
122.     getTextButton.onClick(function() {
     
123.         var title = getTextCheckbox.getText();
     
124.         printl("»ñÈ¡µ½µÄ±êÌâ: " + title);
     
125.         getTextResultLabel.setText("»ñÈ¡µ½µÄ±êÌâ: " + title);
     
126.     });
     
127.     getTextContainer.addView(getTextButton);
     
128.    
     
129.     basicPage.addView(getTextContainer);
     
130.    
     
131.     // ·½·¨3£ºsetIDÉèÖÿؼþID
     
132.     var section3 = new Horizontal();
     
133.     section3.setAlignment("center");
     
134.     section3.setBackgroundColor(220, 220, 225);
     
135.    
     
136.     var section3Label = new Label();
     
137.     section3Label.setText("·½·¨3£ºsetIDÉèÖÿؼþID");
     
138.     section3Label.setTextColor(60, 60, 60);
     
139.     section3Label.setFontSize(15);
     
140.     section3.addView(section3Label);
     
141.    
     
142.     basicPage.addView(section3);
     
143.    
     
144.     var idDemoContainer = new Vertical();
     
145.     idDemoContainer.setSpacing(10);
     
146.     idDemoContainer.setBackgroundColor(255, 255, 255);
     
147.    
     
148.     var idDesc = new Label();
     
149.     idDesc.setText("Ϊ¸´Ñ¡¿òÉèÖÃΨһ±êʶ·û£¬·½±ãºóÐøͨ¹ýconfig¶ÁÈ¡ÅäÖÃ");
     
150.     idDesc.setTextColor(100, 100, 100);
     
151.     idDesc.setFontSize(12);
     
152.     idDemoContainer.addView(idDesc);
     
153.    
     
154.     var idCodeLabel = new Label();
     
155.     idCodeLabel.setText("var checkbox = new CheckBox();\ncheckbox.setID(\"checkbox123\");\n// ¶ÁȡʹÓÃ\nconfig.getConfig(\"checkbox123\");");
     
156.     idCodeLabel.setTextColor(50, 50, 150);
     
157.     idCodeLabel.setFontSize(11);
     
158.     idCodeLabel.setBackgroundColor(245, 245, 255);
     
159.     idDemoContainer.addView(idCodeLabel);
     
160.    
     
161.     var idDemoCheckbox = new CheckBox();
     
162.     idDemoCheckbox.setText("ÒÑÉèÖÃIDµÄ¸´Ñ¡¿ò");
     
163.     idDemoCheckbox.setID("demo_checkbox_id_1");
     
164.     idDemoCheckbox.onClick(function() {
     
165.         var state = idDemoCheckbox.isSelect() ? "Ñ¡ÖÐ" : "δѡÖÐ";
     
166.         printl("setIDʾÀý¸´Ñ¡¿ò±»" + state);
     
167.         idResultLabel.setText("¿Ø¼þIDÒÑÉèÖÃΪ£ºdemo_checkbox_id_1 (" + state + ")");
     
168.     });
     
169.     idDemoContainer.addView(idDemoCheckbox);
     
170.    
     
171.     var idResultLabel = new Label();
     
172.     idResultLabel.setText("¿Ø¼þIDÒÑÉèÖÃΪ£ºdemo_checkbox_id_1");
     
173.     idResultLabel.setTextColor(0, 128, 0);
     
174.     idResultLabel.setFontSize(12);
     
175.     idDemoContainer.addView(idResultLabel);
     
176.    
     
177.     basicPage.addView(idDemoContainer);
     
178.    
     
179.     // ·½·¨4£ºsetDefultSelectÉèÖÃĬÈÏÖµ
     
180.     var section4 = new Horizontal();
     
181.     section4.setAlignment("center");
     
182.     section4.setBackgroundColor(220, 220, 225);
     
183.    
     
184.     var section4Label = new Label();
     
185.     section4Label.setText("·½·¨4£ºsetDefultSelectÉèÖÃĬÈÏÖµ");
     
186.     section4Label.setTextColor(60, 60, 60);
     
187.     section4Label.setFontSize(15);
     
188.     section4.addView(section4Label);
     
189.    
     
190.     basicPage.addView(section4);
     
191.    
     
192.     var defaultSelectContainer = new Vertical();
     
193.     defaultSelectContainer.setSpacing(10);
     
194.     defaultSelectContainer.setBackgroundColor(255, 255, 255);
     
195.    
     
196.     var defaultDesc = new Label();
     
197.     defaultDesc.setText("ÉèÖø´Ñ¡¿òµÄĬÈÏÑ¡ÖÐ״̬");
     
198.     defaultDesc.setTextColor(100, 100, 100);
     
199.     defaultDesc.setFontSize(12);
     
200.     defaultSelectContainer.addView(defaultDesc);
     
201.    
     
202.     var defaultCodeLabel = new Label();
     
203.     defaultCodeLabel.setText("var checkbox = new CheckBox();\ncheckbox.setID(\"checkbox123\");\ncheckbox.setDefultSelect();");
     
204.     defaultCodeLabel.setTextColor(50, 50, 150);
     
205.     defaultCodeLabel.setFontSize(11);
     
206.     defaultCodeLabel.setBackgroundColor(245, 245, 255);
     
207.     defaultSelectContainer.addView(defaultCodeLabel);
     
208.    
     
209.     var defaultCheckbox = new CheckBox();
     
210.     defaultCheckbox.setText("ĬÈÏÑ¡Öеĸ´Ñ¡¿ò");
     
211.     defaultCheckbox.setID("default_checkbox");
     
212.     defaultCheckbox.setDefultSelect();
     
213.     defaultCheckbox.onClick(function() {
     
214.         var state = defaultCheckbox.isSelect() ? "ÒÑÑ¡ÖÐ" : "δѡÖÐ";
     
215.         printl("setDefultSelectʾÀý¸´Ñ¡¿ò״̬: " + state);
     
216.         defaultResultLabel.setText("ĬÈÏÑ¡ÖÐ״̬: " + state);
     
217.     });
     
218.     defaultSelectContainer.addView(defaultCheckbox);
     
219.    
     
220.     var defaultResultLabel = new Label();
     
221.     defaultResultLabel.setText("ĬÈÏÑ¡ÖÐ״̬: " + (defaultCheckbox.isSelect() ? "ÒÑÑ¡ÖÐ" : "δѡÖÐ"));
     
222.     defaultResultLabel.setTextColor(0, 128, 0);
     
223.     defaultResultLabel.setFontSize(12);
     
224.     defaultSelectContainer.addView(defaultResultLabel);
     
225.    
     
226.     basicPage.addView(defaultSelectContainer);
     
227.    
     
228.     tab.addView(0, basicPage);
     
229.    
     
230.     // ====================== µÚ¶þÒ³£º×´Ì¬¹ÜÀí·½·¨ ======================
     
231.     var statePage = new Vertical();
     
232.     statePage.setSpacing(5);
     
233.     statePage.setBackgroundColor(255, 255, 255);
     
234.    
     
235.     var stateDesc = new Label();
     
236.     stateDesc.setText("չʾCheckBoxµÄÈý¸ö״̬¹ÜÀí·½·¨£ºselect¡¢deselect¡¢isSelect");
     
237.     stateDesc.setTextColor(50, 100, 150);
     
238.     stateDesc.setFontSize(14);
     
239.     stateDesc.setTextAlignment("center");
     
240.     statePage.addView(stateDesc);
     
241.    
     
242.     // ·½·¨5£ºselectÑ¡Öи´Ñ¡¿ò
     
243.     var section5 = new Horizontal();
     
244.     section5.setAlignment("center");
     
245.     section5.setBackgroundColor(220, 220, 225);
     
246.    
     
247.     var section5Label = new Label();
     
248.     section5Label.setText("·½·¨5£ºselectÑ¡Öи´Ñ¡¿ò");
     
249.     section5Label.setTextColor(60, 60, 60);
     
250.     section5Label.setFontSize(15);
     
251.     section5.addView(section5Label);
     
252.    
     
253.     statePage.addView(section5);
     
254.    
     
255.     var selectDemoContainer = new Vertical();
     
256.     selectDemoContainer.setSpacing(10);
     
257.     selectDemoContainer.setBackgroundColor(255, 255, 255);
     
258.    
     
259.     var selectDesc = new Label();
     
260.     selectDesc.setText("ÊÖ¶¯Ñ¡Öи´Ñ¡¿ò");
     
261.     selectDesc.setTextColor(100, 100, 100);
     
262.     selectDesc.setFontSize(12);
     
263.     selectDemoContainer.addView(selectDesc);
     
264.    
     
265.     var selectCodeLabel = new Label();
     
266.     selectCodeLabel.setText("var checkbox = new CheckBox();\ncheckbox.select();");
     
267.     selectCodeLabel.setTextColor(50, 50, 150);
     
268.     selectCodeLabel.setFontSize(11);
     
269.     selectCodeLabel.setBackgroundColor(245, 245, 255);
     
270.     selectDemoContainer.addView(selectCodeLabel);
     
271.    
     
272.     var selectCheckbox = new CheckBox();
     
273.     selectCheckbox.setText("µã»÷Ï·½°´Å¥Ñ¡ÖÐÎÒ");
     
274.     selectCheckbox.onClick(function() {
     
275.         var state = selectCheckbox.isSelect() ? "ÒÑÑ¡ÖÐ" : "δѡÖÐ";
     
276.         printl("selectʾÀý¸´Ñ¡¿ò±»" + state);
     
277.         selectStatusLabel.setText("µ±Ç°×´Ì¬: " + state);
     
278.     });
     
279.     selectDemoContainer.addView(selectCheckbox);
     
280.    
     
281.     var selectButton = new Button();
     
282.     selectButton.setText("Ñ¡Öи´Ñ¡¿ò");
     
283.     selectButton.setColor(0, 128, 0);
     
284.     selectButton.setTextColor(255, 255, 255);
     
285.     selectButton.onClick(function() {
     
286.         selectCheckbox.select();
     
287.         printl("¸´Ñ¡¿òÒÑÑ¡ÖÐ");
     
288.         selectStatusLabel.setText("µ±Ç°×´Ì¬: ÒÑÑ¡ÖÐ");
     
289.     });
     
290.     selectDemoContainer.addView(selectButton);
     
291.    
     
292.     statePage.addView(selectDemoContainer);
     
293.    
     
294.     // ·½·¨6£ºdeselectÈ¡ÏûÑ¡Öи´Ñ¡¿ò
     
295.     var section6 = new Horizontal();
     
296.     section6.setAlignment("center");
     
297.     section6.setBackgroundColor(220, 220, 225);
     
298.    
     
299.     var section6Label = new Label();
     
300.     section6Label.setText("·½·¨6£ºdeselectÈ¡ÏûÑ¡Öи´Ñ¡¿ò");
     
301.     section6Label.setTextColor(60, 60, 60);
     
302.     section6Label.setFontSize(15);
     
303.     section6.addView(section6Label);
     
304.    
     
305.     statePage.addView(section6);
     
306.    
     
307.     var deselectDemoContainer = new Vertical();
     
308.     deselectDemoContainer.setSpacing(10);
     
309.     deselectDemoContainer.setBackgroundColor(255, 255, 255);
     
310.    
     
311.     var deselectDesc = new Label();
     
312.     deselectDesc.setText("ÊÖ¶¯È¡ÏûÑ¡Öи´Ñ¡¿ò");
     
313.     deselectDesc.setTextColor(100, 100, 100);
     
314.     deselectDesc.setFontSize(12);
     
315.     deselectDemoContainer.addView(deselectDesc);
     
316.    
     
317.     var deselectCodeLabel = new Label();
     
318.     deselectCodeLabel.setText("var checkbox = new CheckBox();\ncheckbox.deselect();");
     
319.     deselectCodeLabel.setTextColor(50, 50, 150);
     
320.     deselectCodeLabel.setFontSize(11);
     
321.     deselectCodeLabel.setBackgroundColor(245, 245, 255);
     
322.     deselectDemoContainer.addView(deselectCodeLabel);
     
323.    
     
324.     var deselectCheckbox = new CheckBox();
     
325.     deselectCheckbox.setText("µã»÷Ï·½°´Å¥È¡ÏûÑ¡ÖÐ");
     
326.     deselectCheckbox.setDefultSelect();
     
327.     deselectCheckbox.onClick(function() {
     
328.         var state = deselectCheckbox.isSelect() ? "ÒÑÑ¡ÖÐ" : "δѡÖÐ";
     
329.         printl("deselectʾÀý¸´Ñ¡¿ò±»" + state);
     
330.         selectStatusLabel.setText("µ±Ç°×´Ì¬: " + state);
     
331.     });
     
332.     deselectDemoContainer.addView(deselectCheckbox);
     
333.    
     
334.     var deselectButton = new Button();
     
335.     deselectButton.setText("È¡ÏûÑ¡ÖÐ");
     
336.     deselectButton.setColor(220, 20, 60);
     
337.     deselectButton.setTextColor(255, 255, 255);
     
338.     deselectButton.onClick(function() {
     
339.         deselectCheckbox.deselect();
     
340.         printl("¸´Ñ¡¿òÒÑÈ¡ÏûÑ¡ÖÐ");
     
341.         selectStatusLabel.setText("µ±Ç°×´Ì¬: δѡÖÐ");
     
342.     });
     
343.     deselectDemoContainer.addView(deselectButton);
     
344.    
     
345.     statePage.addView(deselectDemoContainer);
     
346.    
     
347.     // ·½·¨7£ºisSelect»ñÈ¡Ñ¡ÖÐ״̬
     
348.     var section7 = new Horizontal();
     
349.     section7.setAlignment("center");
     
350.     section7.setBackgroundColor(220, 220, 225);
     
351.    
     
352.     var section7Label = new Label();
     
353.     section7Label.setText("·½·¨7£ºisSelect»ñÈ¡Ñ¡ÖÐ״̬");
     
354.     section7Label.setTextColor(60, 60, 60);
     
355.     section7Label.setFontSize(15);
     
356.     section7.addView(section7Label);
     
357.    
     
358.     statePage.addView(section7);
     
359.    
     
360.     var isSelectContainer = new Vertical();
     
361.     isSelectContainer.setSpacing(10);
     
362.     isSelectContainer.setBackgroundColor(255, 255, 255);
     
363.    
     
364.     var isSelectDesc = new Label();
     
365.     isSelectDesc.setText("»ñÈ¡¸´Ñ¡¿òµ±Ç°µÄÑ¡ÖÐ״̬£¬·µ»Ø²¼¶ûÖµ");
     
366.     isSelectDesc.setTextColor(100, 100, 100);
     
367.     isSelectDesc.setFontSize(12);
     
368.     isSelectContainer.addView(isSelectDesc);
     
369.    
     
370.     var isSelectCodeLabel = new Label();
     
371.     isSelectCodeLabel.setText("var isSelected = checkbox.isSelect();\n// ·µ»Ø true »ò false");
     
372.     isSelectCodeLabel.setTextColor(50, 50, 150);
     
373.     isSelectCodeLabel.setFontSize(11);
     
374.     isSelectCodeLabel.setBackgroundColor(245, 245, 255);
     
375.     isSelectContainer.addView(isSelectCodeLabel);
     
376.    
     
377.     var isSelectCheckbox = new CheckBox();
     
378.     isSelectCheckbox.setText("״̬¼ì²é¸´Ñ¡¿ò");
     
379.     isSelectCheckbox.onClick(function() {
     
380.         var state = isSelectCheckbox.isSelect() ? "ÒÑÑ¡ÖÐ" : "δѡÖÐ";
     
381.         printl("isSelectʾÀý¸´Ñ¡¿ò±»" + state);
     
382.         selectStatusLabel.setText("µ±Ç°×´Ì¬: " + state);
     
383.     });
     
384.     isSelectContainer.addView(isSelectCheckbox);
     
385.    
     
386.     var selectStatusLabel = new Label();
     
387.     selectStatusLabel.setText("µ±Ç°×´Ì¬: δѡÖÐ");
     
388.     selectStatusLabel.setTextColor(0, 128, 0);
     
389.     selectStatusLabel.setFontSize(12);
     
390.     isSelectContainer.addView(selectStatusLabel);
     
391.    
     
392.     var checkStateButton = new Button();
     
393.     checkStateButton.setText("¼ì²é״̬");
     
394.     checkStateButton.setColor(70, 130, 180);
     
395.     checkStateButton.setTextColor(255, 255, 255);
     
396.     checkStateButton.onClick(function() {
     
397.         var isSelected = isSelectCheckbox.isSelect();
     
398.         printl("¸´Ñ¡¿òÑ¡ÖÐ״̬: " + (isSelected ? "true" : "false"));
     
399.         selectStatusLabel.setText("µ±Ç°×´Ì¬: " + (isSelected ? "ÒÑÑ¡ÖÐ" : "δѡÖÐ"));
     
400.     });
     
401.     isSelectContainer.addView(checkStateButton);
     
402.    
     
403.     statePage.addView(isSelectContainer);
     
404.    
     
405.     tab.addView(1, statePage);
     
406.    
     
407.     // ====================== µÚÈýÒ³£ºÑùʽÉèÖ÷½·¨ ======================
     
408.     var stylePage = new Vertical();
     
409.     stylePage.setSpacing(5);
     
410.     stylePage.setBackgroundColor(255, 255, 255);
     
411.    
     
412.     var styleDesc = new Label();
     
413.     styleDesc.setText("չʾCheckBoxµÄÑùʽÉèÖ÷½·¨£ºsetColor¡¢setWidth¡¢setHeight");
     
414.     styleDesc.setTextColor(50, 100, 150);
     
415.     styleDesc.setFontSize(14);
     
416.     styleDesc.setTextAlignment("center");
     
417.     stylePage.addView(styleDesc);
     
418.    
     
419.     // ·½·¨8£ºsetColorÉèÖø´Ñ¡¿òÑÕÉ«
     
420.     var section8 = new Horizontal();
     
421.     section8.setAlignment("center");
     
422.     section8.setBackgroundColor(220, 220, 225);
     
423.    
     
424.     var section8Label = new Label();
     
425.     section8Label.setText("·½·¨8£ºsetColorÉèÖø´Ñ¡¿òÑÕÉ«");
     
426.     section8Label.setTextColor(60, 60, 60);
     
427.     section8Label.setFontSize(15);
     
428.     section8.addView(section8Label);
     
429.    
     
430.     stylePage.addView(section8);
     
431.    
     
432.     var colorDemoContainer = new Vertical();
     
433.     colorDemoContainer.setSpacing(10);
     
434.     colorDemoContainer.setBackgroundColor(255, 255, 255);
     
435.    
     
436.     var colorDesc = new Label();
     
437.     colorDesc.setText("ÉèÖø´Ñ¡¿òµÄÑÕÉ«£¬Ê¹ÓÃRGB¸ñʽ");
     
438.     colorDesc.setTextColor(100, 100, 100);
     
439.     colorDesc.setFontSize(12);
     
440.     colorDemoContainer.addView(colorDesc);
     
441.    
     
442.     var colorCodeLabel = new Label();
     
443.     colorCodeLabel.setText("var checkbox = new CheckBox();\ncheckbox.setColor(255, 0, 0); // ºìÉ«\ncheckbox.setColor(0, 255, 0); // ÂÌÉ«\ncheckbox.setColor(0, 0, 255); // À¶É«");
     
444.     colorCodeLabel.setTextColor(50, 50, 150);
     
445.     colorCodeLabel.setFontSize(11);
     
446.     colorCodeLabel.setBackgroundColor(245, 245, 255);
     
447.     colorDemoContainer.addView(colorCodeLabel);
     
448.    
     
449.     var redCheckbox = new CheckBox();
     
450.     redCheckbox.setText("ºìÉ«¸´Ñ¡¿ò");
     
451.     redCheckbox.setColor(255, 0, 0);
     
452.     redCheckbox.onClick(function() {
     
453.         var state = redCheckbox.isSelect() ? "Ñ¡ÖÐ" : "δѡÖÐ";
     
454.         printl("ºìÉ«¸´Ñ¡¿ò±»" + state);
     
455.     });
     
456.     colorDemoContainer.addView(redCheckbox);
     
457.    
     
458.     var greenCheckbox = new CheckBox();
     
459.     greenCheckbox.setText("ÂÌÉ«¸´Ñ¡¿ò");
     
460.     greenCheckbox.setColor(0, 128, 0);
     
461.     greenCheckbox.onClick(function() {
     
462.         var state = greenCheckbox.isSelect() ? "Ñ¡ÖÐ" : "δѡÖÐ";
     
463.         printl("ÂÌÉ«¸´Ñ¡¿ò±»" + state);
     
464.     });
     
465.     colorDemoContainer.addView(greenCheckbox);
     
466.    
     
467.     var blueCheckbox = new CheckBox();
     
468.     blueCheckbox.setText("À¶É«¸´Ñ¡¿ò");
     
469.     blueCheckbox.setColor(0, 0, 255);
     
470.     blueCheckbox.onClick(function() {
     
471.         var state = blueCheckbox.isSelect() ? "Ñ¡ÖÐ" : "δѡÖÐ";
     
472.         printl("À¶É«¸´Ñ¡¿ò±»" + state);
     
473.     });
     
474.     colorDemoContainer.addView(blueCheckbox);
     
475.    
     
476.     var purpleCheckbox = new CheckBox();
     
477.     purpleCheckbox.setText("×ÏÉ«¸´Ñ¡¿ò");
     
478.     purpleCheckbox.setColor(128, 0, 128);
     
479.     purpleCheckbox.onClick(function() {
     
480.         var state = purpleCheckbox.isSelect() ? "Ñ¡ÖÐ" : "δѡÖÐ";
     
481.         printl("×ÏÉ«¸´Ñ¡¿ò±»" + state);
     
482.     });
     
483.     colorDemoContainer.addView(purpleCheckbox);
     
484.    
     
485.     stylePage.addView(colorDemoContainer);
     
486.    
     
487.     // ·½·¨9£ºsetWidthÉèÖÿؼþ¿í¶È
     
488.     var section9 = new Horizontal();
     
489.     section9.setAlignment("center");
     
490.     section9.setBackgroundColor(220, 220, 225);
     
491.    
     
492.     var section9Label = new Label();
     
493.     section9Label.setText("·½·¨9£ºsetWidthÉèÖÿؼþ¿í¶È");
     
494.     section9Label.setTextColor(60, 60, 60);
     
495.     section9Label.setFontSize(15);
     
496.     section9.addView(section9Label);
     
497.    
     
498.     stylePage.addView(section9);
     
499.    
     
500.     var widthDemoContainer = new Vertical();
     
501.     widthDemoContainer.setSpacing(10);
     
502.     widthDemoContainer.setBackgroundColor(255, 255, 255);
     
503.    
     
504.     var widthDesc = new Label();
     
505.     widthDesc.setText("ÉèÖø´Ñ¡¿òµÄ¿í¶È£¨µ¥Î»£ºÏñËØ£©");
     
506.     widthDesc.setTextColor(100, 100, 100);
     
507.     widthDesc.setFontSize(12);
     
508.     widthDemoContainer.addView(widthDesc);
     
509.    
     
510.     var widthCodeLabel = new Label();
     
511.     widthCodeLabel.setText("var checkbox = new CheckBox();\ncheckbox.setWidth(50); // ÉèÖÿí¶ÈΪ50ÏñËØ");
     
512.     widthCodeLabel.setTextColor(50, 50, 150);
     
513.     widthCodeLabel.setFontSize(11);
     
514.     widthCodeLabel.setBackgroundColor(245, 245, 255);
     
515.     widthDemoContainer.addView(widthCodeLabel);
     
516.    
     
517.     var widthCheckbox1 = new CheckBox();
     
518.     widthCheckbox1.setText("¿í¶È100");
     
519.     widthCheckbox1.setWidth(100);
     
520.     widthCheckbox1.onClick(function() {
     
521.         var state = widthCheckbox1.isSelect() ? "Ñ¡ÖÐ" : "δѡÖÐ";
     
522.         printl("¿í¶È100¸´Ñ¡¿ò±»" + state);
     
523.     });
     
524.     widthDemoContainer.addView(widthCheckbox1);
     
525.    
     
526.     var widthCheckbox2 = new CheckBox();
     
527.     widthCheckbox2.setText("¿í¶È200");
     
528.     widthCheckbox2.setWidth(200);
     
529.     widthCheckbox2.onClick(function() {
     
530.         var state = widthCheckbox2.isSelect() ? "Ñ¡ÖÐ" : "δѡÖÐ";
     
531.         printl("¿í¶È200¸´Ñ¡¿ò±»" + state);
     
532.     });
     
533.     widthDemoContainer.addView(widthCheckbox2);
     
534.    
     
535.     var widthCheckbox3 = new CheckBox();
     
536.     widthCheckbox3.setText("¿í¶È300");
     
537.     widthCheckbox3.setWidth(300);
     
538.     widthCheckbox3.onClick(function() {
     
539.         var state = widthCheckbox3.isSelect() ? "Ñ¡ÖÐ" : "δѡÖÐ";
     
540.         printl("¿í¶È300¸´Ñ¡¿ò±»" + state);
     
541.     });
     
542.     widthDemoContainer.addView(widthCheckbox3);
     
543.    
     
544.     stylePage.addView(widthDemoContainer);
     
545.    
     
546.     // ·½·¨10£ºsetHeightÉèÖÿؼþ¸ß¶È
     
547.     var section10 = new Horizontal();
     
548.     section10.setAlignment("center");
     
549.     section10.setBackgroundColor(220, 220, 225);
     
550.    
     
551.     var section10Label = new Label();
     
552.     section10Label.setText("·½·¨10£ºsetHeightÉèÖÿؼþ¸ß¶È");
     
553.     section10Label.setTextColor(60, 60, 60);
     
554.     section10Label.setFontSize(15);
     
555.     section10.addView(section10Label);
     
556.    
     
557.     stylePage.addView(section10);
     
558.    
     
559.     var heightDemoContainer = new Vertical();
     
560.     heightDemoContainer.setSpacing(10);
     
561.     heightDemoContainer.setBackgroundColor(255, 255, 255);
     
562.    
     
563.     var heightDesc = new Label();
     
564.     heightDesc.setText("ÉèÖø´Ñ¡¿òµÄ¸ß¶È£¨µ¥Î»£ºÏñËØ£©");
     
565.     heightDesc.setTextColor(100, 100, 100);
     
566.     heightDesc.setFontSize(12);
     
567.     heightDemoContainer.addView(heightDesc);
     
568.    
     
569.     var heightCodeLabel = new Label();
     
570.     heightCodeLabel.setText("var checkbox = new CheckBox();\ncheckbox.setHeight(40); // ÉèÖø߶ÈΪ40ÏñËØ");
     
571.     heightCodeLabel.setTextColor(50, 50, 150);
     
572.     heightCodeLabel.setFontSize(11);
     
573.     heightCodeLabel.setBackgroundColor(245, 245, 255);
     
574.     heightDemoContainer.addView(heightCodeLabel);
     
575.    
     
576.     var heightCheckbox1 = new CheckBox();
     
577.     heightCheckbox1.setText("¸ß¶È40");
     
578.     heightCheckbox1.setHeight(40);
     
579.     heightCheckbox1.onClick(function() {
     
580.         var state = heightCheckbox1.isSelect() ? "Ñ¡ÖÐ" : "δѡÖÐ";
     
581.         printl("¸ß¶È40¸´Ñ¡¿ò±»" + state);
     
582.     });
     
583.     heightDemoContainer.addView(heightCheckbox1);
     
584.    
     
585.     var heightCheckbox2 = new CheckBox();
     
586.     heightCheckbox2.setText("¸ß¶È50");
     
587.     heightCheckbox2.setHeight(50);
     
588.     heightCheckbox2.onClick(function() {
     
589.         var state = heightCheckbox2.isSelect() ? "Ñ¡ÖÐ" : "δѡÖÐ";
     
590.         printl("¸ß¶È50¸´Ñ¡¿ò±»" + state);
     
591.     });
     
592.     heightDemoContainer.addView(heightCheckbox2);
     
593.    
     
594.     var heightCheckbox3 = new CheckBox();
     
595.     heightCheckbox3.setText("¸ß¶È60");
     
596.     heightCheckbox3.setHeight(60);
     
597.     heightCheckbox3.onClick(function() {
     
598.         var state = heightCheckbox3.isSelect() ? "Ñ¡ÖÐ" : "δѡÖÐ";
     
599.         printl("¸ß¶È60¸´Ñ¡¿ò±»" + state);
     
600.     });
     
601.     heightDemoContainer.addView(heightCheckbox3);
     
602.    
     
603.     stylePage.addView(heightDemoContainer);
     
604.    
     
605.     // °´Å¥Á¬¶¯¹¦ÄÜ
     
606.     var section12 = new Horizontal();
     
607.     section12.setAlignment("center");
     
608.     section12.setBackgroundColor(220, 220, 225);
     
609.    
     
610.     var section12Label = new Label();
     
611.     section12Label.setText("°´Å¥Á¬¶¯ÑÝʾ");
     
612.     section12Label.setTextColor(60, 60, 60);
     
613.     section12Label.setFontSize(15);
     
614.     section12.addView(section12Label);
     
615.    
     
616.     stylePage.addView(section12);
     
617.    
     
618.     var linkageContainer = new Vertical();
     
619.     linkageContainer.setSpacing(10);
     
620.     linkageContainer.setBackgroundColor(255, 255, 255);
     
621.    
     
622.     var linkageDesc = new Label();
     
623.     linkageDesc.setText("µã»÷Ï·½°´Å¥¿ØÖƸ´Ñ¡¿òµÄ״̬");
     
624.     linkageDesc.setTextColor(100, 100, 100);
     
625.     linkageDesc.setFontSize(12);
     
626.     linkageContainer.addView(linkageDesc);
     
627.    
     
628.     var linkageCheckbox1 = new CheckBox();
     
629.     linkageCheckbox1.setText("Áª¶¯¸´Ñ¡¿ò1");
     
630.     linkageCheckbox1.setColor(255, 165, 0);
     
631.     linkageContainer.addView(linkageCheckbox1);
     
632.    
     
633.     var linkageCheckbox2 = new CheckBox();
     
634.     linkageCheckbox2.setText("Áª¶¯¸´Ñ¡¿ò2");
     
635.     linkageCheckbox2.setColor(255, 165, 0);
     
636.     linkageContainer.addView(linkageCheckbox2);
     
637.    
     
638.     var linkageCheckbox3 = new CheckBox();
     
639.     linkageCheckbox3.setText("Áª¶¯¸´Ñ¡¿ò3");
     
640.     linkageCheckbox3.setColor(255, 165, 0);
     
641.     linkageContainer.addView(linkageCheckbox3);
     
642.    
     
643.     var linkageStatusLabel = new Label();
     
644.     linkageStatusLabel.setText("״̬£ºÎ´Ñ¡Ôñ");
     
645.     linkageStatusLabel.setTextColor(0, 128, 0);
     
646.     linkageStatusLabel.setFontSize(12);
     
647.    
     
648.     var buttonContainer = new Horizontal();
     
649.     buttonContainer.setSpacing(10);
     
650.    
     
651.     var selectAllButton = new Button();
     
652.     selectAllButton.setText("È«Ñ¡");
     
653.     selectAllButton.setColor(0, 128, 0);
     
654.     selectAllButton.setTextColor(255, 255, 255);
     
655.     selectAllButton.setWidth(80);
     
656.     selectAllButton.onClick(function() {
     
657.         linkageCheckbox1.select();
     
658.         linkageCheckbox2.select();
     
659.         linkageCheckbox3.select();
     
660.         printl("ÒÑÈ«Ñ¡ËùÓи´Ñ¡¿ò");
     
661.         linkageStatusLabel.setText("״̬£ºÈ«Ñ¡");
     
662.     });
     
663.     buttonContainer.addView(selectAllButton);
     
664.    
     
665.     var deselectAllButton = new Button();
     
666.     deselectAllButton.setText("È«²»Ñ¡");
     
667.     deselectAllButton.setColor(220, 20, 60);
     
668.     deselectAllButton.setTextColor(255, 255, 255);
     
669.     deselectAllButton.setWidth(80);
     
670.     deselectAllButton.onClick(function() {
     
671.         linkageCheckbox1.deselect();
     
672.         linkageCheckbox2.deselect();
     
673.         linkageCheckbox3.deselect();
     
674.         printl("ÒÑÈ¡ÏûËùÓи´Ñ¡¿òÑ¡Ôñ");
     
675.         linkageStatusLabel.setText("״̬£ºÈ«²»Ñ¡");
     
676.     });
     
677.     buttonContainer.addView(deselectAllButton);
     
678.    
     
679.     var reverseButton = new Button();
     
680.     reverseButton.setText("·´Ñ¡");
     
681.     reverseButton.setColor(70, 130, 180);
     
682.     reverseButton.setTextColor(255, 255, 255);
     
683.     reverseButton.setWidth(80);
     
684.     reverseButton.onClick(function() {
     
685.         if (linkageCheckbox1.isSelect()) {
     
686.             linkageCheckbox1.deselect();
     
687.         } else {
     
688.             linkageCheckbox1.select();
     
689.         }
     
690.         if (linkageCheckbox2.isSelect()) {
     
691.             linkageCheckbox2.deselect();
     
692.         } else {
     
693.             linkageCheckbox2.select();
     
694.         }
     
695.         if (linkageCheckbox3.isSelect()) {
     
696.             linkageCheckbox3.deselect();
     
697.         } else {
     
698.             linkageCheckbox3.select();
     
699.         }
     
700.         printl("ÒÑ·´Ñ¡ËùÓи´Ñ¡¿ò");
     
701.         var selectedCount = 0;
     
702.         if (linkageCheckbox1.isSelect()) selectedCount++;
     
703.         if (linkageCheckbox2.isSelect()) selectedCount++;
     
704.         if (linkageCheckbox3.isSelect()) selectedCount++;
     
705.         linkageStatusLabel.setText("״̬£ºÒÑÑ¡ÖÐ" + selectedCount + "¸ö");
     
706.     });
     
707.     buttonContainer.addView(reverseButton);
     
708.    
     
709.     linkageContainer.addView(buttonContainer);
     
710.     linkageContainer.addView(linkageStatusLabel);
     
711.    
     
712.     stylePage.addView(linkageContainer);
     
713.    
     
714.     tab.addView(2, stylePage);
     
715.    
     
716.     // ====================== µÚËÄÒ³£ºÊ¼þ´¦Àí·½·¨ ======================
     
717.     var eventPage = new Vertical();
     
718.     eventPage.setSpacing(5);
     
719.     eventPage.setBackgroundColor(255, 255, 255);
     
720.    
     
721.     var eventDesc = new Label();
     
722.     eventDesc.setText("չʾCheckBoxµÄʼþ´¦Àí·½·¨£ºonClick");
     
723.     eventDesc.setTextColor(50, 100, 150);
     
724.     eventDesc.setFontSize(14);
     
725.     eventDesc.setTextAlignment("center");
     
726.     eventPage.addView(eventDesc);
     
727.    
     
728.     // ·½·¨11£ºonClick°´Å¥µã»÷ʼþ
     
729.     var section11 = new Horizontal();
     
730.     section11.setAlignment("center");
     
731.     section11.setBackgroundColor(220, 220, 225);
     
732.    
     
733.     var section11Label = new Label();
     
734.     section11Label.setText("·½·¨11£ºonClickµã»÷ʼþ");
     
735.     section11Label.setTextColor(60, 60, 60);
     
736.     section11Label.setFontSize(15);
     
737.     section11.addView(section11Label);
     
738.    
     
739.     eventPage.addView(section11);
     
740.    
     
741.     var onClickDemoContainer = new Vertical();
     
742.     onClickDemoContainer.setSpacing(10);
     
743.     onClickDemoContainer.setBackgroundColor(255, 255, 255);
     
744.    
     
745.     var onClickDesc = new Label();
     
746.     onClickDesc.setText("Ϊ¸´Ñ¡¿òÌí¼Óµã»÷ʼþ¼àÌýÆ÷");
     
747.     onClickDesc.setTextColor(100, 100, 100);
     
748.     onClickDesc.setFontSize(12);
     
749.     onClickDemoContainer.addView(onClickDesc);
     
750.    
     
751.     var onClickCodeLabel = new Label();
     
752.     onClickCodeLabel.setText("var checkbox = new CheckBox();\ncheckbox.onClick(() => {\n    printl(\"±»µã»÷ÁË\");\n});");
     
753.     onClickCodeLabel.setTextColor(50, 50, 150);
     
754.     onClickCodeLabel.setFontSize(11);
     
755.     onClickCodeLabel.setBackgroundColor(245, 245, 255);
     
756.     onClickDemoContainer.addView(onClickCodeLabel);
     
757.    
     
758.     var eventLogLabel = new Label();
     
759.     eventLogLabel.setText("ʼþÈÕÖ¾£ºµÈ´ý²Ù×÷...");
     
760.     eventLogLabel.setTextColor(100, 100, 100);
     
761.     eventLogLabel.setFontSize(12);
     
762.     eventLogLabel.setBackgroundColor(245, 245, 245);
     
763.     onClickDemoContainer.addView(eventLogLabel);
     
764.    
     
765.     var eventCheckbox1 = new CheckBox();
     
766.     eventCheckbox1.setText("µã»÷Îһᴥ·¢Ê¼þ");
     
767.     eventCheckbox1.onClick(function() {
     
768.         var state = eventCheckbox1.isSelect() ? "Ñ¡ÖÐ" : "È¡ÏûÑ¡ÖÐ";
     
769.         printl("¸´Ñ¡¿ò1±»" + state);
     
770.         eventLogLabel.setText("ʼþÈÕÖ¾£º¸´Ñ¡¿ò1±»" + state);
     
771.     });
     
772.     onClickDemoContainer.addView(eventCheckbox1);
     
773.    
     
774.     var eventCheckbox2 = new CheckBox();
     
775.     eventCheckbox2.setText("µã»÷ÎÒ»áÏÔʾ״̬");
     
776.     eventCheckbox2.setColor(0, 128, 0);
     
777.     eventCheckbox2.onClick(function() {
     
778.         var state = eventCheckbox2.isSelect();
     
779.         printl("¸´Ñ¡¿ò2µ±Ç°×´Ì¬: " + (state ? "true" : "false"));
     
780.         eventLogLabel.setText("ʼþÈÕÖ¾£º¸´Ñ¡¿ò2״̬=" + (state ? "true" : "false"));
     
781.     });
     
782.     onClickDemoContainer.addView(eventCheckbox2);
     
783.    
     
784.     var eventCheckbox3 = new CheckBox();
     
785.     eventCheckbox3.setText("µã»÷ÎÒ»á¼ÆÊý");
     
786.     eventCheckbox3.setColor(0, 0, 255);
     
787.     var clickCount = 0;
     
788.     eventCheckbox3.onClick(function() {
     
789.         clickCount++;
     
790.         printl("¸´Ñ¡¿ò3±»µã»÷´ÎÊý: " + clickCount);
     
791.         eventLogLabel.setText("ʼþÈÕÖ¾£º¸´Ñ¡¿ò3µã»÷´ÎÊý=" + clickCount);
     
792.     });
     
793.     onClickDemoContainer.addView(eventCheckbox3);
     
794.    
     
795.     eventPage.addView(onClickDemoContainer);
     
796.    
     
797.     tab.addView(3, eventPage);
     
798.    
     
799.     // ====================== µÚÎåÒ³£º×ÛºÏÓ¦ÓÃʾÀý ======================
     
800.     var appPage = new Vertical();
     
801.     appPage.setSpacing(5);
     
802.     appPage.setBackgroundColor(255, 255, 255);
     
803.    
     
804.     var appDesc = new Label();
     
805.     appDesc.setText("CheckBoxÔÚʵ¼ÊÓ¦ÓÃÖеÄ×ÛºÏʾÀý");
     
806.     appDesc.setTextColor(50, 100, 150);
     
807.     appDesc.setFontSize(16);
     
808.     appDesc.setTextAlignment("center");
     
809.     appPage.addView(appDesc);
     
810.    
     
811.     // Ó¦ÓÃ1£ºÈÎÎñÁбí
     
812.     var appSection1 = new Horizontal();
     
813.     appSection1.setAlignment("center");
     
814.     appSection1.setBackgroundColor(220, 220, 225);
     
815.    
     
816.     var appSection1Label = new Label();
     
817.     appSection1Label.setText("Ó¦ÓÃ1£ºÈÎÎñÁбí");
     
818.     appSection1Label.setTextColor(60, 60, 60);
     
819.     appSection1Label.setFontSize(15);
     
820.     appSection1.addView(appSection1Label);
     
821.    
     
822.     appPage.addView(appSection1);
     
823.    
     
824.     var taskListContainer = new Vertical();
     
825.     taskListContainer.setSpacing(8);
     
826.     taskListContainer.setBackgroundColor(255, 255, 255);
     
827.    
     
828.     var taskListTitle = new Label();
     
829.     taskListTitle.setText("½ñÈÕÈÎÎñÇåµ¥");
     
830.     taskListTitle.setTextColor(50, 50, 150);
     
831.     taskListTitle.setFontSize(14);
     
832.     taskListContainer.addView(taskListTitle);
     
833.    
     
834.     var task1 = new CheckBox();
     
835.     task1.setText("Íê³ÉÏîÄ¿Îĵµ±àд");
     
836.     task1.setColor(0, 128, 0);
     
837.     task1.onClick(function() {
     
838.         var state = task1.isSelect() ? "ÒÑÍê³É" : "δÍê³É";
     
839.         printl("ÈÎÎñ1£º" + state);
     
840.     });
     
841.     taskListContainer.addView(task1);
     
842.    
     
843.     var task2 = new CheckBox();
     
844.     task2.setText("´úÂëÉó²é");
     
845.     task2.setColor(0, 128, 0);
     
846.     task2.onClick(function() {
     
847.         var state = task2.isSelect() ? "ÒÑÍê³É" : "δÍê³É";
     
848.         printl("ÈÎÎñ2£º" + state);
     
849.     });
     
850.     taskListContainer.addView(task2);
     
851.    
     
852.     var task3 = new CheckBox();
     
853.     task3.setText("ÐÞ¸´ÒÑÖªBug");
     
854.     task3.setColor(0, 128, 0);
     
855.     task3.onClick(function() {
     
856.         var state = task3.isSelect() ? "ÒÑÍê³É" : "δÍê³É";
     
857.         printl("ÈÎÎñ3£º" + state);
     
858.     });
     
859.     taskListContainer.addView(task3);
     
860.    
     
861.     var task4 = new CheckBox();
     
862.     task4.setText("µ¥Ôª²âÊÔ");
     
863.     task4.setColor(0, 128, 0);
     
864.     task4.onClick(function() {
     
865.         var state = task4.isSelect() ? "ÒÑÍê³É" : "δÍê³É";
     
866.         printl("ÈÎÎñ4£º" + state);
     
867.     });
     
868.     taskListContainer.addView(task4);
     
869.    
     
870.     var task5 = new CheckBox();
     
871.     task5.setText("²¿ÊðÉÏÏß");
     
872.     task5.setColor(0, 128, 0);
     
873.     task5.onClick(function() {
     
874.         var state = task5.isSelect() ? "ÒÑÍê³É" : "δÍê³É";
     
875.         printl("ÈÎÎñ5£º" + state);
     
876.     });
     
877.     taskListContainer.addView(task5);
     
878.    
     
879.     var checkTasksButton = new Button();
     
880.     checkTasksButton.setText("¼ì²éÈÎÎñÍê³ÉÇé¿ö");
     
881.     checkTasksButton.setColor(70, 130, 180);
     
882.     checkTasksButton.setTextColor(255, 255, 255);
     
883.     checkTasksButton.onClick(function() {
     
884.         var completed = 0;
     
885.         var total = 5;
     
886.         if (task1.isSelect()) completed++;
     
887.         if (task2.isSelect()) completed++;
     
888.         if (task3.isSelect()) completed++;
     
889.         if (task4.isSelect()) completed++;
     
890.         if (task5.isSelect()) completed++;
     
891.         
     
892.         var percentage = Math.round((completed / total) * 100);
     
893.         printl("ÈÎÎñÍê³ÉÇé¿ö: " + completed + "/" + total + " (" + percentage + "%)");
     
894.         taskStatusLabel.setText("Íê³É½ø¶È: " + completed + "/" + total + " (" + percentage + "%)");
     
895.     });
     
896.     taskListContainer.addView(checkTasksButton);
     
897.    
     
898.     var taskStatusLabel = new Label();
     
899.     taskStatusLabel.setText("Íê³É½ø¶È: 0/5 (0%)");
     
900.     taskStatusLabel.setTextColor(0, 128, 0);
     
901.     taskStatusLabel.setFontSize(12);
     
902.     taskListContainer.addView(taskStatusLabel);
     
903.    
     
904.     appPage.addView(taskListContainer);
     
905.    
     
906.     // Ó¦ÓÃ2£ºÈ¨ÏÞÉèÖÃ
     
907.     var appSection2 = new Horizontal();
     
908.     appSection2.setAlignment("center");
     
909.     appSection2.setBackgroundColor(220, 220, 225);
     
910.    
     
911.     var appSection2Label = new Label();
     
912.     appSection2Label.setText("Ó¦ÓÃ2£ºÈ¨ÏÞÉèÖÃ");
     
913.     appSection2Label.setTextColor(60, 60, 60);
     
914.     appSection2Label.setFontSize(15);
     
915.     appSection2.addView(appSection2Label);
     
916.    
     
917.     appPage.addView(appSection2);
     
918.    
     
919.     var permissionContainer = new Vertical();
     
920.     permissionContainer.setSpacing(8);
     
921.     permissionContainer.setBackgroundColor(255, 255, 255);
     
922.    
     
923.     var permissionTitle = new Label();
     
924.     permissionTitle.setText("Ó¦ÓÃȨÏÞÅäÖÃ");
     
925.     permissionTitle.setTextColor(50, 50, 150);
     
926.     permissionTitle.setFontSize(14);
     
927.     permissionContainer.addView(permissionTitle);
     
928.    
     
929.     var permCamera = new CheckBox();
     
930.     permCamera.setText("Ïà»úȨÏÞ");
     
931.     permCamera.setID("permission_camera");
     
932.     permCamera.setDefultSelect();
     
933.     permCamera.onClick(function() {
     
934.         var state = permCamera.isSelect() ? "ÒÑÊÚȨ" : "δÊÚȨ";
     
935.         printl("Ïà»úȨÏÞ£º" + state);
     
936.     });
     
937.     permissionContainer.addView(permCamera);
     
938.    
     
939.     var permMicrophone = new CheckBox();
     
940.     permMicrophone.setText("Âó¿Ë·çȨÏÞ");
     
941.     permMicrophone.setID("permission_microphone");
     
942.     permMicrophone.setDefultSelect();
     
943.     permMicrophone.onClick(function() {
     
944.         var state = permMicrophone.isSelect() ? "ÒÑÊÚȨ" : "δÊÚȨ";
     
945.         printl("Âó¿Ë·çȨÏÞ£º" + state);
     
946.     });
     
947.     permissionContainer.addView(permMicrophone);
     
948.    
     
949.     var permLocation = new CheckBox();
     
950.     permLocation.setText("λÖÃȨÏÞ");
     
951.     permLocation.setID("permission_location");
     
952.     permLocation.onClick(function() {
     
953.         var state = permLocation.isSelect() ? "ÒÑÊÚȨ" : "δÊÚȨ";
     
954.         printl("λÖÃȨÏÞ£º" + state);
     
955.     });
     
956.     permissionContainer.addView(permLocation);
     
957.    
     
958.     var permContacts = new CheckBox();
     
959.     permContacts.setText("ͨѶ¼ȨÏÞ");
     
960.     permContacts.setID("permission_contacts");
     
961.     permContacts.onClick(function() {
     
962.         var state = permContacts.isSelect() ? "ÒÑÊÚȨ" : "δÊÚȨ";
     
963.         printl("ͨѶ¼ȨÏÞ£º" + state);
     
964.     });
     
965.     permissionContainer.addView(permContacts);
     
966.    
     
967.     var permStorage = new CheckBox();
     
968.     permStorage.setText("´æ´¢È¨ÏÞ");
     
969.     permStorage.setID("permission_storage");
     
970.     permStorage.setDefultSelect();
     
971.     permStorage.onClick(function() {
     
972.         var state = permStorage.isSelect() ? "ÒÑÊÚȨ" : "δÊÚȨ";
     
973.         printl("´æ´¢È¨ÏÞ£º" + state);
     
974.     });
     
975.     permissionContainer.addView(permStorage);
     
976.    
     
977.     var savePermissionButton = new Button();
     
978.     savePermissionButton.setText("±£´æȨÏÞÅäÖÃ");
     
979.     savePermissionButton.setColor(0, 128, 0);
     
980.     savePermissionButton.setTextColor(255, 255, 255);
     
981.     savePermissionButton.onClick(function() {
     
982.         var permissions = [];
     
983.         if (permCamera.isSelect()) permissions.push("Ïà»ú");
     
984.         if (permMicrophone.isSelect()) permissions.push("Âó¿Ë·ç");
     
985.         if (permLocation.isSelect()) permissions.push("λÖÃ");
     
986.         if (permContacts.isSelect()) permissions.push("ͨѶ¼");
     
987.         if (permStorage.isSelect()) permissions.push("´æ´¢");
     
988.         
     
989.         var permText = permissions.length > 0 ? permissions.join("¡¢") : "ÎÞ";
     
990.         printl("ÒÑÊÚȨȨÏÞ: " + permText);
     
991.         permissionStatusLabel.setText("ÒÑÊÚȨ: " + permText);
     
992.     });
     
993.     permissionContainer.addView(savePermissionButton);
     
994.    
     
995.     var permissionStatusLabel = new Label();
     
996.     permissionStatusLabel.setText("ÒÑÊÚȨ: Ïà»ú¡¢Âó¿Ë·ç¡¢´æ´¢");
     
997.     permissionStatusLabel.setTextColor(0, 128, 0);
     
998.     permissionStatusLabel.setFontSize(12);
     
999.     permissionContainer.addView(permissionStatusLabel);
     
1000.    
      
1001.     appPage.addView(permissionContainer);
      
1002.    
      
1003.     // Ó¦ÓÃ3£º¶àÑ¡Áбí
      
1004.     var appSection3 = new Horizontal();
      
1005.     appSection3.setAlignment("center");
      
1006.     appSection3.setBackgroundColor(220, 220, 225);
      
1007.    
      
1008.     var appSection3Label = new Label();
      
1009.     appSection3Label.setText("Ó¦ÓÃ3£ºÐËȤ°®ºÃÑ¡Ôñ");
      
1010.     appSection3Label.setTextColor(60, 60, 60);
      
1011.     appSection3Label.setFontSize(15);
      
1012.     appSection3.addView(appSection3Label);
      
1013.    
      
1014.     appPage.addView(appSection3);
      
1015.    
      
1016.     var hobbyContainer = new Vertical();
      
1017.     hobbyContainer.setSpacing(8);
      
1018.     hobbyContainer.setBackgroundColor(255, 255, 255);
      
1019.    
      
1020.     var hobbyTitle = new Label();
      
1021.     hobbyTitle.setText("ÇëÑ¡ÔñÄúµÄÐËȤ°®ºÃ£¨¿É¶àÑ¡£©");
      
1022.     hobbyTitle.setTextColor(50, 50, 150);
      
1023.     hobbyTitle.setFontSize(14);
      
1024.     hobbyContainer.addView(hobbyTitle);
      
1025.    
      
1026.     var hobbies = [];
      
1027.    
      
1028.     var hobby1 = new CheckBox();
      
1029.     hobby1.setText("ÔĶÁ");
      
1030.     hobby1.setColor(128, 0, 128);
      
1031.     hobby1.onClick(function() {
      
1032.         updateHobbyList();
      
1033.     });
      
1034.     hobbyContainer.addView(hobby1);
      
1035.    
      
1036.     var hobby2 = new CheckBox();
      
1037.     hobby2.setText("Ô˶¯");
      
1038.     hobby2.setColor(128, 0, 128);
      
1039.     hobby2.onClick(function() {
      
1040.         updateHobbyList();
      
1041.     });
      
1042.     hobbyContainer.addView(hobby2);
      
1043.    
      
1044.     var hobby3 = new CheckBox();
      
1045.     hobby3.setText("ÒôÀÖ");
      
1046.     hobby3.setColor(128, 0, 128);
      
1047.     hobby3.onClick(function() {
      
1048.         updateHobbyList();
      
1049.     });
      
1050.     hobbyContainer.addView(hobby3);
      
1051.    
      
1052.     var hobby4 = new CheckBox();
      
1053.     hobby4.setText("ÂÃÐÐ");
      
1054.     hobby4.setColor(128, 0, 128);
      
1055.     hobby4.onClick(function() {
      
1056.         updateHobbyList();
      
1057.     });
      
1058.     hobbyContainer.addView(hobby4);
      
1059.    
      
1060.     var hobby5 = new CheckBox();
      
1061.     hobby5.setText("ÉãÓ°");
      
1062.     hobby5.setColor(128, 0, 128);
      
1063.     hobby5.onClick(function() {
      
1064.         updateHobbyList();
      
1065.     });
      
1066.     hobbyContainer.addView(hobby5);
      
1067.    
      
1068.     var hobby6 = new CheckBox();
      
1069.     hobby6.setText("ÓÎÏ·");
      
1070.     hobby6.setColor(128, 0, 128);
      
1071.     hobby6.onClick(function() {
      
1072.         updateHobbyList();
      
1073.     });
      
1074.     hobbyContainer.addView(hobby6);
      
1075.    
      
1076.     function updateHobbyList() {
      
1077.         hobbies = [];
      
1078.         if (hobby1.isSelect()) hobbies.push("ÔĶÁ");
      
1079.         if (hobby2.isSelect()) hobbies.push("Ô˶¯");
      
1080.         if (hobby3.isSelect()) hobbies.push("ÒôÀÖ");
      
1081.         if (hobby4.isSelect()) hobbies.push("ÂÃÐÐ");
      
1082.         if (hobby5.isSelect()) hobbies.push("ÉãÓ°");
      
1083.         if (hobby6.isSelect()) hobbies.push("ÓÎÏ·");
      
1084.         
      
1085.         var hobbyText = hobbies.length > 0 ? hobbies.join("¡¢") : "δѡÔñ";
      
1086.         hobbyStatusLabel.setText("ÒÑÑ¡Ôñ: " + hobbyText);
      
1087.         printl("ÐËȤ°®ºÃ: " + hobbyText);
      
1088.     }
      
1089.    
      
1090.     var hobbyStatusLabel = new Label();
      
1091.     hobbyStatusLabel.setText("ÒÑÑ¡Ôñ: δѡÔñ");
      
1092.     hobbyStatusLabel.setTextColor(0, 128, 0);
      
1093.     hobbyStatusLabel.setFontSize(12);
      
1094.     hobbyContainer.addView(hobbyStatusLabel);
      
1095.    
      
1096.     appPage.addView(hobbyContainer);
      
1097.    
      
1098.     tab.addView(4, appPage);
      
1099.    
      
1100.     // ====================== µÚÁùÒ³£º·µ»Ø°´Å¥ ======================
      
1101.     var returnPage = new Vertical();
      
1102.     returnPage.setSpacing(20);
      
1103.     returnPage.setBackgroundColor(255, 255, 255);
      
1104.    
      
1105.     var returnTitle = new Label();
      
1106.     returnTitle.setText("CheckBox·½·¨×ܽá");
      
1107.     returnTitle.setTextColor(50, 50, 150);
      
1108.     returnTitle.setFontSize(20);
      
1109.     returnTitle.setTextAlignment("center");
      
1110.     returnPage.addView(returnTitle);
      
1111.    
      
1112.     var summaryContainer = new Vertical();
      
1113.     summaryContainer.setSpacing(10);
      
1114.     summaryContainer.setBackgroundColor(245, 245, 255);
      
1115.    
      
1116.     var summaryItems = [
      
1117.         "1. setText(text) - ÉèÖø´Ñ¡¿ò±êÌâ",
      
1118.         "2. getText() - »ñÈ¡¸´Ñ¡¿ò±êÌâ",
      
1119.         "3. setID(id) - ÉèÖÿؼþID",
      
1120.         "4. setDefultSelect() - ÉèÖÃĬÈÏÑ¡ÖÐ",
      
1121.         "5. select() - Ñ¡Öи´Ñ¡¿ò",
      
1122.         "6. deselect() - È¡ÏûÑ¡Öи´Ñ¡¿ò",
      
1123.         "7. isSelect() - »ñÈ¡Ñ¡ÖÐ״̬",
      
1124.         "8. setColor(r, g, b) - ÉèÖÃÑÕÉ«",
      
1125.         "9. setWidth(width) - ÉèÖÿí¶È",
      
1126.         "10. setHeight(height) - ÉèÖø߶È",
      
1127.         "11. onClick(callback) - µã»÷ʼþ"
      
1128.     ];
      
1129.    
      
1130.     for (var i = 0; i < summaryItems.length; i++) {
      
1131.         var summaryLabel = new Label();
      
1132.         summaryLabel.setText(summaryItems[i]);
      
1133.         summaryLabel.setTextColor(60, 60, 60);
      
1134.         summaryLabel.setFontSize(12);
      
1135.         summaryContainer.addView(summaryLabel);
      
1136.     }
      
1137.    
      
1138.     returnPage.addView(summaryContainer);
      
1139.    
      
1140.     var closeButton = new Button();
      
1141.     closeButton.setText("¹Ø±ÕʾÀý");
      
1142.     closeButton.setColor(220, 20, 60);
      
1143.     closeButton.setTextColor(255, 255, 255);
      
1144.     closeButton.setWidth(200);
      
1145.     closeButton.setHeight(50);
      
1146.     closeButton.onClick(function() {
      
1147.         printl("CheckBoxʾÀýÒѹرÕ");
      
1148.         tab.dismiss();
      
1149.     });
      
1150.     returnPage.addView(closeButton);
      
1151.    
      
1152.     tab.addView(5, returnPage);
      
1153. });
      
1154. 
      
1155. printl("CheckBoxÍêÕû×ÛºÏʾÀýÒÑÆô¶¯");
      

¸´ÖÆ´úÂë