- 创建 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
|( 京ICP备09078825号 )
发表于 2025-5-14 09:57:58
收藏