自动发帖软件

标题: AIWROK软件复选框类[CheckBox]方法小结 [打印本页]

---

作者: 发帖软件    时间: 昨天 06:36
标题: AIWROK软件复选框类[CheckBox]方法小结
AIWROK软件复选框类[CheckBox]方法小结

1. //🔨UI-复选框类[CheckBox]方法小结，交流QQ群711841924
   
2. 
   
3. //第一个方法：📌setText 设置复选框标题
   
4. 
   
5. 
   
6. var checkbox = new CheckBox();
   
7. checkbox.setText("选项1"); // 设置复选框标题为'选项1'
   
8. 
   
9. 
   
10. //第二个方法：📌getText 获取复选框标题
    
11. 
    
12. 
    
13. var checkbox = new CheckBox();
    
14. string title = checkbox.getText(); // 获取复选框标题
    
15. 
    
16. 
    
17. //第三个方法：📌setID设置控件ID
    
18. 
    
19. var checkbox = new CheckBox();
    
20. checkbox.setID("checkbox123");
    
21. //读取使用
    
22. config.getConfig("checkbox123");
    
23. 
    
24. 
    
25. //第四个方法：📌setDefultSelect 设置默认值
    
26. 
    
27. var checkbox = new CheckBox();
    
28. checkbox.setID("checkbox123");
    
29. checkbox.setDefultSelect(); // 默认选中
    
30. 
    
31. 
    
32. //第五个方法：📌select选中复选框
    
33. 
    
34. var checkbox = new CheckBox();
    
35. checkbox.select(); // 选中复选框
    
36. 
    
37. 
    
38. 
    
39. //第六个方法：📌deselect取消选中复选框
    
40. 
    
41. 
    
42. var checkbox = new CheckBox();
    
43. checkbox.deselect(); // 取消选中复选框
    
44. 
    
45. 
    
46. //第七个方法：📌isSelect获取选中状态
    
47. 
    
48. 
    
49. var checkbox = new CheckBox();
    
50. bool isSelected = checkbox.isSelect(); // 获取选中状态
    
51. 
    
52. 
    
53. 
    
54. //第八个方法：📌setColor设置复选框颜色
    
55. 
    
56. var checkbox = new CheckBox();
    
57. checkbox.setColor(255, 0, 0); // 设置复选框颜色为红色
    
58. 
    
59. 
    
60. 
    
61. //第九个方法：📌setHeight 设置控件高度
    
62. 
    
63. var checkbox = new CheckBox();
    
64. checkbox.setWidth(50); // 设置复选框宽度为50
    
65. 
    
66. 
    
67. //第十个方法：📌onClick 按钮点击事件
    
68. 
    
69.       //创建一个按钮
    
70.       var checkbox = new CheckBox();
    
71. 
    
72.       checkbox.onClick(() => {
    
73.             printl("被点击了")
    
74.       })
    

复制代码

📌setText 设置复选框标题

类别	详情说明
方法功能	设置复选框的显示标题
方法签名	Void setText(String title)
返回值	Void （无返回值）
参数	- String title ：要设置的复选框显示标题文本
案例	var checkbox = new CheckBox(); checkbox.setText("选项1"); // 设置复选框标题为'选项1'

📌getText 获取复选框标题

类别	详情说明
方法功能	获取复选框的标题
方法签名	String getText()
返回值	String （复选框的标题文本）
参数	无
案例	var checkbox = new CheckBox(); string title = checkbox.getText(); // 获取复选框标题

📌setID设置控件ID

类别	详情说明
方法功能	设置控件 ID，设置后可自动保存配置信息
方法签名	Void setID(String id)
返回值	Void
参数	- String id ：要设置的控件 ID
案例	var checkbox = new CheckBox(); checkbox.setID("checkbox123");// 读取使用 config.getConfig("checkbox123");

📌setDefultSelect 设置默认值

类别	详情说明
方法功能	设置复选框的默认选中值
方法签名	Void setDefaultSelect()
返回值	Void
参数	无
案例	var checkbox = new CheckBox(); checkbox.setID("checkbox123"); checkbox.setDefaultSelect(); // 默认选中

📌select选中复选框

类别	详情说明
方法功能	将复选框设置为选中状态
方法签名	Void select()
返回值	Void
参数	无
案例	var checkbox = new CheckBox(); checkbox.select(); // 选中复选框

📌deselect取消选中复选框

类别	详情说明
方法功能	将复选框设置为非选中状态
方法签名	Void deselect()
返回值	Void
参数	无
案例	var checkbox = new CheckBox(); checkbox.deselect(); // 取消选中复选框

📌isSelect获取选中状态

类别	详情说明
方法功能	获取复选框的选中状态
方法签名	Boolean isSelect()
返回值	Boolean （true 表示选中，false 表示未选中）
参数	无
案例	var checkbox = new CheckBox(); bool isSelected = checkbox.isSelect(); // 获取选中状态

📌setColor设置复选框颜色

类别	详情说明
方法功能	设置复选框的颜色
方法签名	Void setColor(Int32 red, Int32 green, Int32 blue)
返回值	Void
参数	- Int32 red ：红色分量（通常取值范围 0~255 ） - Int32 green ：绿色分量（通常取值范围 0~255 ） - Int32 blue ：蓝色分量（通常取值范围 0~255 ）
案例	var checkbox = new CheckBox(); checkbox.setColor(255, 0, 0); // 设置复选框颜色为红色

📌setWidth 设置控件宽度

类别	详情说明
方法功能	设置复选框的控件高度
方法签名	Void setHeight(Int32 height)
返回值	Void
参数	-Int32 height ：要设置的复选框高度
案例	var checkbox = new CheckBox(); checkbox.setHeight(30); // 设置复选框高度为30

📌setHeight 设置控件高度

类别	详情说明
方法功能	设置复选框的控件高度
方法签名	Void setHeight(Int32 height)
返回值	Void
参数	- Int32 height ：要设置的复选框高度
案例	var checkbox = new CheckBox(); checkbox.setHeight(30); // 设置复选框高度为30

📌onClick 按钮点击事件

类别	详情说明
方法功能	设置按钮的点击事件回调（案例中实际为CheckBox 控件，文档控件名表述存疑）
方法签名	Void onClick(String function)
返回值	Void
参数	-String function ：点击事件的回调函数（实际应为函数类型，参数类型描述存疑）
案例	// 创建控件（案例演示点击逻辑，控件类型与方法归属需注意） var checkbox = new CheckBox(); checkbox.onClick(() => {print("被点击了");)

示例完整例子：

1. // 🔨UI-复选框类[CheckBox]方法完整示例
   
2. // 🔨UI-复选框类[CheckBox]方法小结，交流QQ群711841924
   
3. 
   
4. // 启动倒计时(2秒)
   
5. printl("CheckBox控件方法演示程序启动");
   
6. printl("启动中，请稍候...");
   
7. for (var i = 2; i > 0; i--) {
   
8.     printl("倒计时: " + i + " 秒");
   
9.     sleep.millisecond(1000);
   
10. }
    
11. printl("启动完成");
    
12. 
    
13. // 创建 TabView
    
14. var tab = new TabView();
    
15. 
    
16. // 设置标签页标题
    
17. tab.setTitles(["基础用法", "状态控制", "配置保存"]);
    
18. 
    
19. // 显示 TabView，并在加载完成后执行回调函数
    
20. tab.show(function() {
    
21.     printl("CheckBox示例 TabView 显示完成");
    
22. 
    
23.     // ====================== 第一页：基础用法 ======================
    
24.     var basicPage = new Vertical();
    
25.     basicPage.setSpacing(15);
    
26.     basicPage.setBackgroundColor(240, 240, 240);
    
27. 
    
28.     // 标题
    
29.     var title = new Label();
    
30.     title.setText("CheckBox基础用法演示");
    
31.     title.setFontSize(18.0);
    
32.     title.setTextColor(0.0, 0.0, 0.0);
    
33.     basicPage.addView(title);
    
34. 
    
35.     // 创建复选框并设置标题
    
36.     var checkbox1 = new CheckBox();
    
37.     checkbox1.setText("选项1"); // 第一个方法：setText 设置复选框标题
    
38.    
    
39.     var checkbox2 = new CheckBox();
    
40.     checkbox2.setText("选项2");
    
41.    
    
42.     var checkbox3 = new CheckBox();
    
43.     checkbox3.setText("选项3");
    
44. 
    
45.     // 获取复选框标题
    
46.     var title1 = checkbox1.getText(); // 第二个方法：getText 获取复选框标题
    
47.     printl("复选框1的标题: " + title1);
    
48. 
    
49.     // 添加复选框到页面
    
50.     basicPage.addView(checkbox1);
    
51.     basicPage.addView(checkbox2);
    
52.     basicPage.addView(checkbox3);
    
53. 
    
54.     // ====================== 第二页：状态控制 ======================
    
55.     var statePage = new Vertical();
    
56.     statePage.setSpacing(15);
    
57.     statePage.setBackgroundColor(245, 245, 220);
    
58. 
    
59.     // 标题
    
60.     var title2 = new Label();
    
61.     title2.setText("CheckBox状态控制演示");
    
62.     title2.setFontSize(18.0);
    
63.     title2.setTextColor(0.0, 0.0, 0.0);
    
64.     statePage.addView(title2);
    
65. 
    
66.     // 创建带颜色的复选框
    
67.     var coloredCheckbox = new CheckBox();
    
68.     coloredCheckbox.setText("彩色复选框");
    
69.     coloredCheckbox.setColor(255, 0, 0); // 第八个方法：setColor设置复选框颜色
    
70.     coloredCheckbox.setHeight(30); // 第十个方法：setHeight 设置控件高度
    
71.     statePage.addView(coloredCheckbox);
    
72. 
    
73.     // 创建默认选中的复选框
    
74.     var defaultSelected = new CheckBox();
    
75.     defaultSelected.setText("默认选中");
    
76.     defaultSelected.select(); // 第五个方法：select选中复选框
    
77.     statePage.addView(defaultSelected);
    
78. 
    
79.     // 创建默认未选中的复选框
    
80.     var defaultUnselected = new CheckBox();
    
81.     defaultUnselected.setText("默认未选中");
    
82.     defaultUnselected.deselect(); // 第六个方法：deselect取消选中复选框
    
83.     statePage.addView(defaultUnselected);
    
84. 
    
85.     // 检查选中状态按钮（改进按钮样式）
    
86.     var checkStateBtn = new Button();
    
87.     checkStateBtn.setText("检查选中状态");
    
88.     checkStateBtn.setColor(0.2, 0.7, 0.2); // 更改按钮背景颜色为浅绿色
    
89.     checkStateBtn.setTextColor(1.0, 1.0, 1.0); // 更改按钮文本颜色为白色
    
90.     checkStateBtn.onClick(function() {
    
91.         // 第七个方法：isSelect获取选中状态
    
92.         var isColoredSelected = coloredCheckbox.isSelect();
    
93.         var isDefaultSelected = defaultSelected.isSelect();
    
94.         var isDefaultUnselected = defaultUnselected.isSelect();
    
95. 
    
96.         printl("彩色复选框选中状态: " + isColoredSelected);
    
97.         printl("默认选中复选框选中状态: " + isDefaultSelected);
    
98.         printl("默认未选中复选框选中状态: " + isDefaultUnselected);
    
99. 
    
100.         // 显示结果
     
101.         var resultLabel = new Label();
     
102.         resultLabel.setText("选中状态:\n彩色复选框: " + isColoredSelected +
     
103.                           "\n默认选中: " + isDefaultSelected +
     
104.                           "\n默认未选中: " + isDefaultUnselected);
     
105.         resultLabel.setTextColor(0.0, 0.0, 0.8);
     
106.         statePage.addView(resultLabel);
     
107.     });
     
108.     statePage.addView(checkStateBtn);
     
109. 
     
110.     // ====================== 第三页：配置保存 ======================
     
111.     var configPage = new Vertical();
     
112.     configPage.setSpacing(15);
     
113.     configPage.setBackgroundColor(240, 255, 240);
     
114. 
     
115.     // 标题
     
116.     var title3 = new Label();
     
117.     title3.setText("CheckBox配置保存演示");
     
118.     title3.setFontSize(18.0);
     
119.     title3.setTextColor(0.0, 0.0, 0.0);
     
120.     configPage.addView(title3);
     
121. 
     
122.     // 创建带ID的复选框(可保存配置)
     
123.     var configCheckbox = new CheckBox();
     
124.     configCheckbox.setText("配置保存复选框");
     
125.     configCheckbox.setID("配置复选框"); // 第三个方法：setID设置控件ID
     
126.     configCheckbox.setDefultSelect(); // 第四个方法：setDefultSelect 设置默认值
     
127.     configPage.addView(configCheckbox);
     
128. 
     
129.     // 带点击事件的复选框（改进按钮样式）
     
130.     var clickableCheckbox = new CheckBox();
     
131.     clickableCheckbox.setText("可点击复选框");
     
132.     clickableCheckbox.onClick(function() {
     
133.         // 第十个方法：onClick 按钮点击事件
     
134.         printl("可点击复选框被点击了");
     
135. 
     
136.         var clickLabel = new Label();
     
137.         clickLabel.setText("可点击复选框被点击了");
     
138.         clickLabel.setTextColor(0.0, 0.6, 0.0);
     
139.         configPage.addView(clickLabel);
     
140.     });
     
141.     configPage.addView(clickableCheckbox);
     
142. 
     
143.     // 显示保存的配置信息（改进按钮样式）
     
144.     var showConfigBtn = new Button();
     
145.     showConfigBtn.setText("显示保存的配置");
     
146.     showConfigBtn.setColor(0.2, 0.7, 0.2); // 更改按钮背景颜色为浅绿色
     
147.     showConfigBtn.setTextColor(1.0, 1.0, 1.0); // 更改按钮文本颜色为白色
     
148.     showConfigBtn.onClick(function() {
     
149.         var savedConfig = config.getConfig("配置复选框");
     
150.         printl("保存的配置: " + savedConfig);
     
151. 
     
152.         var configInfo = new Label();
     
153.         configInfo.setText("已保存配置:\n配置复选框: " + savedConfig);
     
154.         configInfo.setTextColor(0.0, 0.0, 0.8);
     
155.         configPage.addView(configInfo);
     
156.     });
     
157.     configPage.addView(showConfigBtn);
     
158. 
     
159.     // ====================== 公共返回按钮 ======================
     
160.     var btnBack = new Button();
     
161.     btnBack.setText("返回");
     
162.     btnBack.setColor(0.2, 0.7, 0.2); // 更改按钮背景颜色为浅绿色
     
163.     btnBack.setTextColor(1.0, 1.0, 1.0); // 更改按钮文本颜色为白色
     
164.     btnBack.onClick(function() {
     
165.         printl("返回键被点击");
     
166.         tab.dismiss();
     
167.     });
     
168. 
     
169.     // 添加所有页面到TabView
     
170.     tab.addView(0, basicPage);
     
171.     tab.addView(1, statePage);
     
172.     tab.addView(2, configPage);
     
173.     tab.addView(3, btnBack);
     
174. 
     
175.     printl("CheckBox示例视图添加完成");
     
176. });
     
177. 
     
178. printl("CheckBox控件方法演示程序已就绪");

复制代码

---

欢迎光临 自动发帖软件 (http://www.fatiegongju.com/)

Powered by Discuz! X3.2