🔨UI-复选框类[CheckBox]方法小结

信息发布软件

	🔨UI-复选框类[CheckBox]方法小结 //🔨UI-复选框类[CheckBox]方法小结，交流QQ群711841924 //第一个方法：📌setText 设置复选框标题 var checkbox = new CheckBox(); checkbox.setText("选项1"); // 设置复选框标题为'选项1' //第二个方法：📌getText 获取复选框标题 var checkbox = new CheckBox(); string title = checkbox.getText(); // 获取复选框标题 //第三个方法：📌setID设置控件ID var checkbox = new CheckBox(); checkbox.setID("checkbox123"); //读取使用 config.getConfig("checkbox123"); //第四个方法：📌setDefultSelect 设置默认值 var checkbox = new CheckBox(); checkbox.setID("checkbox123"); checkbox.setDefultSelect(); // 默认选中 //第五个方法：📌select选中复选框 var checkbox = new CheckBox(); checkbox.select(); // 选中复选框 //第六个方法：📌deselect取消选中复选框 var checkbox = new CheckBox(); checkbox.deselect(); // 取消选中复选框 //第七个方法：📌isSelect获取选中状态 var checkbox = new CheckBox(); bool isSelected = checkbox.isSelect(); // 获取选中状态 //第八个方法：📌setColor设置复选框颜色 var checkbox = new CheckBox(); checkbox.setColor(255, 0, 0); // 设置复选框颜色为红色 //第九个方法：📌setHeight 设置控件高度 var checkbox = new CheckBox(); checkbox.setWidth(50); // 设置复选框宽度为50 //第十个方法：📌onClick 按钮点击事件       //创建一个按钮       var checkbox = new CheckBox();       checkbox.onClick(() => {             printl("被点击了")       }) 复制代码 📌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("被点击了");) 示例完整例子： // 🔨UI-复选框类[CheckBox]方法完整示例 // 🔨UI-复选框类[CheckBox]方法小结，交流QQ群711841924 // 启动倒计时(2秒) printl("CheckBox控件方法演示程序启动"); printl("启动中，请稍候..."); for (var i = 2; i > 0; i--) {     printl("倒计时: " + i + " 秒");     sleep.millisecond(1000); } printl("启动完成"); // 创建 TabView var tab = new TabView(); // 设置标签页标题 tab.setTitles(["基础用法", "状态控制", "配置保存"]); // 显示 TabView，并在加载完成后执行回调函数 tab.show(function() {     printl("CheckBox示例 TabView 显示完成");     // ====================== 第一页：基础用法 ======================     var basicPage = new Vertical();     basicPage.setSpacing(15);     basicPage.setBackgroundColor(240, 240, 240);     // 标题     var title = new Label();     title.setText("CheckBox基础用法演示");     title.setFontSize(18.0);     title.setTextColor(0.0, 0.0, 0.0);     basicPage.addView(title);     // 创建复选框并设置标题     var checkbox1 = new CheckBox();     checkbox1.setText("选项1"); // 第一个方法：setText 设置复选框标题         var checkbox2 = new CheckBox();     checkbox2.setText("选项2");         var checkbox3 = new CheckBox();     checkbox3.setText("选项3");     // 获取复选框标题     var title1 = checkbox1.getText(); // 第二个方法：getText 获取复选框标题     printl("复选框1的标题: " + title1);     // 添加复选框到页面     basicPage.addView(checkbox1);     basicPage.addView(checkbox2);     basicPage.addView(checkbox3);     // ====================== 第二页：状态控制 ======================     var statePage = new Vertical();     statePage.setSpacing(15);     statePage.setBackgroundColor(245, 245, 220);     // 标题     var title2 = new Label();     title2.setText("CheckBox状态控制演示");     title2.setFontSize(18.0);     title2.setTextColor(0.0, 0.0, 0.0);     statePage.addView(title2);     // 创建带颜色的复选框     var coloredCheckbox = new CheckBox();     coloredCheckbox.setText("彩色复选框");     coloredCheckbox.setColor(255, 0, 0); // 第八个方法：setColor设置复选框颜色     coloredCheckbox.setHeight(30); // 第十个方法：setHeight 设置控件高度     statePage.addView(coloredCheckbox);     // 创建默认选中的复选框     var defaultSelected = new CheckBox();     defaultSelected.setText("默认选中");     defaultSelected.select(); // 第五个方法：select选中复选框     statePage.addView(defaultSelected);     // 创建默认未选中的复选框     var defaultUnselected = new CheckBox();     defaultUnselected.setText("默认未选中");     defaultUnselected.deselect(); // 第六个方法：deselect取消选中复选框     statePage.addView(defaultUnselected);     // 检查选中状态按钮（改进按钮样式）     var checkStateBtn = new Button();     checkStateBtn.setText("检查选中状态");     checkStateBtn.setColor(0.2, 0.7, 0.2); // 更改按钮背景颜色为浅绿色     checkStateBtn.setTextColor(1.0, 1.0, 1.0); // 更改按钮文本颜色为白色     checkStateBtn.onClick(function() {         // 第七个方法：isSelect获取选中状态         var isColoredSelected = coloredCheckbox.isSelect();         var isDefaultSelected = defaultSelected.isSelect();         var isDefaultUnselected = defaultUnselected.isSelect();         printl("彩色复选框选中状态: " + isColoredSelected);         printl("默认选中复选框选中状态: " + isDefaultSelected);         printl("默认未选中复选框选中状态: " + isDefaultUnselected);         // 显示结果         var resultLabel = new Label();         resultLabel.setText("选中状态:\n彩色复选框: " + isColoredSelected +                           "\n默认选中: " + isDefaultSelected +                           "\n默认未选中: " + isDefaultUnselected);         resultLabel.setTextColor(0.0, 0.0, 0.8);         statePage.addView(resultLabel);     });     statePage.addView(checkStateBtn);     // ====================== 第三页：配置保存 ======================     var configPage = new Vertical();     configPage.setSpacing(15);     configPage.setBackgroundColor(240, 255, 240);     // 标题     var title3 = new Label();     title3.setText("CheckBox配置保存演示");     title3.setFontSize(18.0);     title3.setTextColor(0.0, 0.0, 0.0);     configPage.addView(title3);     // 创建带ID的复选框(可保存配置)     var configCheckbox = new CheckBox();     configCheckbox.setText("配置保存复选框");     configCheckbox.setID("配置复选框"); // 第三个方法：setID设置控件ID     configCheckbox.setDefultSelect(); // 第四个方法：setDefultSelect 设置默认值     configPage.addView(configCheckbox);     // 带点击事件的复选框（改进按钮样式）     var clickableCheckbox = new CheckBox();     clickableCheckbox.setText("可点击复选框");     clickableCheckbox.onClick(function() {         // 第十个方法：onClick 按钮点击事件         printl("可点击复选框被点击了");         var clickLabel = new Label();         clickLabel.setText("可点击复选框被点击了");         clickLabel.setTextColor(0.0, 0.6, 0.0);         configPage.addView(clickLabel);     });     configPage.addView(clickableCheckbox);     // 显示保存的配置信息（改进按钮样式）     var showConfigBtn = new Button();     showConfigBtn.setText("显示保存的配置");     showConfigBtn.setColor(0.2, 0.7, 0.2); // 更改按钮背景颜色为浅绿色     showConfigBtn.setTextColor(1.0, 1.0, 1.0); // 更改按钮文本颜色为白色     showConfigBtn.onClick(function() {         var savedConfig = config.getConfig("配置复选框");         printl("保存的配置: " + savedConfig);         var configInfo = new Label();         configInfo.setText("已保存配置:\n配置复选框: " + savedConfig);         configInfo.setTextColor(0.0, 0.0, 0.8);         configPage.addView(configInfo);     });     configPage.addView(showConfigBtn);     // ====================== 公共返回按钮 ======================     var btnBack = new Button();     btnBack.setText("返回");     btnBack.setColor(0.2, 0.7, 0.2); // 更改按钮背景颜色为浅绿色     btnBack.setTextColor(1.0, 1.0, 1.0); // 更改按钮文本颜色为白色     btnBack.onClick(function() {         printl("返回键被点击");         tab.dismiss();     });     // 添加所有页面到TabView     tab.addView(0, basicPage);     tab.addView(1, statePage);     tab.addView(2, configPage);     tab.addView(3, btnBack);     printl("CheckBox示例视图添加完成"); }); printl("CheckBox控件方法演示程序已就绪"); 复制代码