B2B网络软件

标题: 分享苹果UI里的AIWROK一个完整的界面 [打印本页]

---

作者: YYPOST群发软件    时间: 13 小时前
标题: 分享苹果UI里的AIWROK一个完整的界面
分享苹果UI里的AIWROK一个完整的界面

http://www.postbbs.com/template/ ... mg/codebg.gif"); color: rgb(102, 102, 102); zoom: 1;">

// 群号711841924
// 创建 TabView
var tab = new TabView();

// 设置标签页标题
tab.setTitles(["首页", "第二页", "第三页", "第四页"]);

// 显示 TabView，并在加载完成后执行回调函数
tab.show(() => {
printl("TabView 显示完成");

// 添加每个标签页的视图
tab.addView(0, h1()); // 首页
tab.addView(1, h2()); // 第二页
tab.addView(2, h3()); // 第三页
tab.addView(3, h4()); // 第四页

printl("视图添加完成");
});

// 第一页视图
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;
}

// 第二页视图
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;
}

// 第三页视图
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;
}

// 第四页视图
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;
}

   

1. 创建 TabView：

var tab = new TabView();

• 创建一个 TabView 对象，用于管理多个标签页。

2. 设置标签页标题：

tab.setTitles(["首页", "第二页", "第三页", "第四页"]);

• 设置 TabView 的标签页标题，分别为“首页”、“第二页”、“第三页”和“第四页”。

3. 显示 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() 函数为每个标签页添加视图。

4. 第一页视图 (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 来包含用户名标签和输入框。
• 创建五个复选框，分别对应不同的应用。
• 创建一个“启动主脚本”按钮，点击时根据选中的复选框执行相应的逻辑。

5. 第二页视图 (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”按钮，点击时仅打印日志信息。

6. 第三页视图 (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。
• 创建一个欢迎标签，显示欢迎信息。

7. 第四页视图 (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

---

欢迎光临 B2B网络软件 (http://bbs.niubt.cn/)

Powered by Discuz! X3.2