 | |  |  | AIWROK软件复选框类[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控件方法演示程序已就绪");
复制代码
| |  | |  |
|