- 创建 TabView:
var tab = new TabView();
- 创建一个 TabView对象,用于管理多个标签页。
- 设置标签页标题:
tab.setTitles(["首页", "第二页", "第三页", "第四页"]);
- 设置 TabView的标签页标题,分别为“首页”、“第二页”、“第三页”和“第四页”。
- 显示 TabView 并添加视图:
tab.show(() => {
    printl("TabView 显示完成");
    // 添加每个标签页的视图
    tab.addView(0, h1()); // 首页
    tab.addView(1, h2()); // 第二页
    tab.addView(2, h3()); // 第三页
    tab.addView(3, h4()); // 第四页
    printl("视图添加完成");
});
- 显示 TabView,并在加载完成后执行回调函数。
- 在回调函数中,分别调用 h1(),h2(),h3(), 和h4()函数为每个标签页添加视图。
- 第一页视图 (h1()函数):
function h1() {
    var v = new Vertical(); // 创建一个垂直容器来包含所有元素
    printl("首页垂直容器创建完成");
    // 创建返回键
    var btnBack = new Button();
    btnBack.setText("返回");
    btnBack.setColor(255, 0, 0);
    btnBack.onClick(() => {
        printl("返回键被点击了");
        tab.dismiss(); // 关闭 TabView
    });
    v.addView(btnBack);
    printl("返回键添加完成");
    // 创建用户名标签和输入框
    var h1Container = new Horizontal();
    var lb = new Label();
    lb.setText("用户名");
    lb.setWidth(60);
    var input = new Input();
    input.setWidth(150);
    h1Container.addView(lb);
    h1Container.addView(input);
    v.addView(h1Container);
    printl("用户名输入框添加完成");
    // 创建复选框
    var ck1 = new CheckBox();
    ck1.setText("抖音极速版");
    ck1.value = false;
    v.addView(ck1);
    printl("复选框1添加完成");
    var ck2 = new CheckBox();
    ck2.setText("快手极速版");
    ck2.value = false;
    v.addView(ck2);
    printl("复选框2添加完成");
    var ck3 = new CheckBox();
    ck3.setText("汽水音乐");
    ck3.value = false;
    v.addView(ck3);
    printl("复选框3添加完成");
    var ck4 = new CheckBox();
    ck4.setText("番茄音乐");
    ck4.value = false;
    v.addView(ck4);
    printl("复选框4添加完成");
    var ck5 = new CheckBox();
    ck5.setText("西瓜视频");
    ck5.value = false;
    v.addView(ck5);
    printl("复选框5添加完成");
    // 创建开始执行按钮
    var btnExecute = new Button();
    btnExecute.setText("启动主脚本");
    btnExecute.setColor(0, 0, 255);
    btnExecute.onClick(() => {
        printl("开始执行按钮被点击了");
        if (ck1.value) {
            printl("抖音极速版被选中");
            极速抖音广告单机();
        }
        if (ck2.value) {
            printl("快手极速版被选中");
            极速快手广告单版本();
        }
        if (ck3.value) {
            printl("汽水音乐被选中");
            汽水广告单机();
        }
        if (ck4.value) {
            printl("番茄音乐被选中");
            番茄音乐广告单机();
        }
        if (ck5.value) {
            printl("西瓜视频被选中");
            西瓜视频广告单版();
        }
    });
    v.addView(btnExecute);
    printl("开始执行按钮添加完成");
    printl("首页视图创建完成");
    return v; // 返回首页视图
}
- 创建一个垂直容器 v来包含所有元素。
- 创建一个返回键按钮 btnBack,设置文本为“返回”,点击时关闭TabView。
- 创建一个水平容器 h1Container来包含用户名标签和输入框。
- 创建五个复选框,分别对应不同的应用。
- 创建一个“启动主脚本”按钮,点击时根据选中的复选框执行相应的逻辑。
- 第二页视图 (h2()函数):
function h2() {
    var v = new Vertical(); // 创建一个垂直容器来包含所有元素
    printl("第二页垂直容器创建完成");
    // 创建返回键
    var btnBack = new Button();
    btnBack.setText("返回");
    btnBack.setColor(255, 0, 0);
    btnBack.onClick(() => {
        printl("返回键被点击了");
        tab.dismiss(); // 关闭 TabView
    });
    v.addView(btnBack);
    printl("返回键添加完成");
    // 创建按钮
    var btn = new Button();
    btn.setText("启动app");
    btn.setColor(25, 10, 130);
    v.addView(btn);
    btn.onClick(() => {
        printl("第二页按钮点击了");
    });
    printl("第二页视图创建完成");
    return v; // 返回第二页视图
}
- 创建一个垂直容器 v来包含所有元素。
- 创建一个返回键按钮 btnBack,设置文本为“返回”,点击时关闭TabView。
- 创建一个“启动app”按钮,点击时仅打印日志信息。
- 第三页视图 (h3()函数):
function h3() {
    var v = new Vertical(); // 创建一个垂直容器来包含所有元素
    printl("第三页垂直容器创建完成");
    // 创建返回键
    var btnBack = new Button();
    btnBack.setText("返回");
    btnBack.setColor(255, 0, 0);
    btnBack.onClick(() => {
        printl("返回键被点击了");
        tab.dismiss(); // 关闭 TabView
    });
    v.addView(btnBack);
    printl("返回键添加完成");
    // 创建欢迎标签
    var lb = new Label();
    lb.setText("欢迎来到我的页面");
    v.addView(lb);
    printl("第三页视图创建完成");
    return v; // 返回第三页视图
}
- 创建一个垂直容器 v来包含所有元素。
- 创建一个返回键按钮 btnBack,设置文本为“返回”,点击时关闭TabView。
- 创建一个欢迎标签,显示欢迎信息。
- 第四页视图 (h4()函数):
function h4() {
    var v = new Vertical(); // 创建一个垂直容器来包含所有元素
    printl("第四页垂直容器创建完成");
    // 创建返回键
    var btnBack = new Button();
    btnBack.setText("返回");
    btnBack.setColor(255, 0, 0);
    btnBack.onClick(() => {
        printl("返回键被点击了");
        tab.dismiss(); // 关闭 TabView
    });
    v.addView(btnBack);
    printl("返回键添加完成");
    // 创建内容标签
    var lb = new Label();
    lb.setText("第四页内容");
    v.addView(lb);
    // 创建点击按钮
    var btn = new Button();
    btn.setText("点击我");
    btn.setColor(25, 10, 130);
    btn.onClick(() => {
        printl("第四页按钮点击了");
        tab.dismiss(); // 关闭 TabView
    });
    v.addView(btn);
    printl("第四页视图创建完成");
    return v; // 返回第四页视图
}
- 创建一个垂直容器 v来包含所有元素。
- 创建一个返回键按钮 btnBack,设置文本为“返回”,点击时关闭TabView。
- 创建一个内容标签,显示第四页的内容。
- 创建一个“点击我”按钮,点击时关闭 TabView。
通过这些修改和说明,每个标签页都添加了一个返回键,点击返回键可以关闭 TabView