//UI-TAB界面视图[TabView]方法小结，交流QQ群711841924
// 方法一：show显示界面
//申请一个UI
var tab = new TabView();
tab.setTitels(['首页','关于'])
vc.show(() => {
//页面加载完后执行以下代码
printl("hello IOS")
//创建一个水平容器
var h = new Horizontal()
//创建一个按钮
var btn = new Button();
//设置按钮颜色
btn.setColor(25, 10, 130)
btn.onClick(() => {
printl("按钮被点击了")
})
//按钮添加到水平容器中
h.addView(btn)
//水平容器添加到第一个视图中编号是0
tab.addView(0,h)
});
// 方法二：setTitles设置tab标题
new TabView().setTitles(String[])
// 方法三：dismiss 关闭UI
new TabView().dismiss()
// 方法四：addView添加
//申请一个UI
var tab = new TabView();
tab.setTitels(['首页','关于'])
vc.show(() => {
//页面加载完后执行以下代码
printl("hello IOS")
//创建一个水平容器
var h = new Horizontal()
//创建一个按钮
var btn = new Button();
//设置按钮颜色
btn.setColor(25, 10, 130)
btn.onClick(() => {
printl("按钮被点击了")
})
//按钮添加到水平容器中
h.addView(btn)
//水平容器添加到第一个视图中编号是0
tab.addView(0,h)
});
类别 | 详情说明 |
方法功能 | 显示界面，支持在回调中构建 UI（如创建容器、按钮等交互元素，实现界面渲染与事件绑定） |
方法签名 | Void show()
|
返回值 | Void（无返回值）
|
参数 | 无 |
案例 |
//申请一个UI var tab = new TabView(); tab.setTitels(['首页','关于']) vc.show(() => { //页面加载完后执行以下代码
printl("hello IOS")
//创建一个水平容器 var h = new Horizontal()
//创建一个按钮 var btn = new Button(); //设置按钮颜色 btn.setColor(25, 10, 130)
btn.onClick(() => { printl("按钮被点击了") })
//按钮添加到水平容器中 h.addView(btn)
//水平容器添加到第一个视图中编号是0 tab.addView(0,h) });
|
类别 | 详情说明 |
方法功能 | 设置 Tab 的标题列表 |
方法签名 | Void setTitles(String[] tabs)
|
返回值 | Void
（无返回值） |
参数 | - String[] tabs ：标题数组 |
案例 | tab.setTitles(["首页", "关于"])
|
类别 | 详情说明 |
方法功能 | 关闭当前 UI 界面 |
方法签名 | Void dismiss()
|
返回值 | Void
（无返回值） |
参数 | 无 |
案例 | new TabView().dismiss() |
类别 | 详情说明 |
方法功能 | 向指定索引的 Tab 页面添加视图 |
方法签名 | Void addView(Int32 index, String view)
|
返回值 | Void
（无返回值） |
参数 | - Int32 index ：Tab 页面的索引
- String view ：要添加的视图（文档类型描述，实际案例中为视图对象，如 Horizontal 容器） |
案例 |
//申请一个UI var tab = new TabView(); tab.setTitels(['首页','关于']) vc.show(() => { //页面加载完后执行以下代码
printl("hello IOS")
//创建一个水平容器 var h = new Horizontal()
//创建一个按钮 var btn = new Button(); //设置按钮颜色 btn.setColor(25, 10, 130)
btn.onClick(() => { printl("按钮被点击了") })
//按钮添加到水平容器中 h.addView(btn)
//水平容器添加到第一个视图中编号是0 tab.addView(0,h) });
|
实例分享：
//方法小结，交流QQ群711841924
// 创建 TabView
var tab = new TabView();
// 设置标签页标题
tab.setTitles(["脚本控制台", "第二页", "第三页", "第四页"]);
// 显示 TabView，并在加载完成后执行回调函数
tab.show(function() {
printl("TabView 显示完成");
// 添加标签页的视图
tab.addView(0, scriptConsoleView()); // 脚本控制台（首页）
tab.addView(1, h2()); // 第二页
tab.addView(2, h3()); // 第三页
tab.addView(3, h4()); // 第四页
printl("视图添加完成");
});
// ====================== 第一页：脚本控制台 ======================
function scriptConsoleView() {
var v = new Vertical(); // 垂直布局容器
printl("脚本控制台视图初始化");
// 1. 返回按钮
var btnBack = new Button();
btnBack.setText("返回");
btnBack.setColor(255, 0, 0);
btnBack.onClick(function() {
printl("返回键被点击");
tab.dismiss();
});
v.addView(btnBack);
// 2. 复选框组（抖音、快手、汽水音乐等）
var ck1 = new CheckBox();
ck1.setText("抖音极速版");
v.addView(ck1);
var ck2 = new CheckBox();
ck2.setText("快手极速版");
v.addView(ck2);
var ck3 = new CheckBox();
ck3.setText("汽水音乐");
v.addView(ck3);
var ck4 = new CheckBox();
ck4.setText("番茄音乐");
v.addView(ck4);
var ck5 = new CheckBox();
ck5.setText("西瓜视频");
v.addView(ck5);
// 3. 执行按钮
var btnExecute = new Button();
btnExecute.setText("启动选中脚本");
btnExecute.setColor(0, 0, 255);
btnExecute.onClick(function() {
printl("开始执行选中的脚本...");
// 检查每个复选框是否选中，并执行对应函数
// 检查每个复选框是否选中，并执行对应函数
if (ck1.isSelect()) { // 正确调用 isSelect() 方法
极速抖音广告单机();
printl("抖音极速版脚本已启动");
}
if (ck2.isSelect()) {
极速快手广告单版本();
printl("快手极速版脚本已启动");
}
if (ck3.isSelect()) {
汽水广告单机();
printl("汽水音乐脚本已启动");
}
if (ck4.isSelect()) {
番茄音乐广告单机();
printl("番茄音乐脚本已启动");
}
if (ck5.isSelect()) {
西瓜视频广告单版();
printl("西瓜视频脚本已启动");
}
});
v.addView(btnExecute);
printl("脚本控制台视图创建完成");
return v;
}
// ====================== 其他页面 ======================
function h2() {
var v = new Vertical();
var btnBack = new Button();
btnBack.setText("返回");
btnBack.setColor(255, 0, 0);
btnBack.onClick(function() {
tab.dismiss();
});
v.addView(btnBack);
var btn = new Button();
btn.setText("启动App");
btn.setColor(25, 10, 130);
btn.onClick(function() {
printl("第二页按钮点击");
});
v.addView(btn);
return v;
}
function h3() {
var v = new Vertical();
var btnBack = new Button();
btnBack.setText("返回");
btnBack.setColor(255, 0, 0);
btnBack.onClick(function() {
tab.dismiss();
});
v.addView(btnBack);
var lb = new Label();
lb.setText("欢迎来到第三页");
v.addView(lb);
return v;
}
function h4() {
var v = new Vertical();
var btnBack = new Button();
btnBack.setText("返回");
btnBack.setColor(255, 0, 0);
btnBack.onClick(function() {
tab.dismiss();
});
v.addView(btnBack);
var lb = new Label();
lb.setText("第四页内容");
v.addView(lb);
var btn = new Button();
btn.setText("点击我");
btn.setColor(25, 10, 130);
btn.onClick(function() {
printl("第四页按钮点击");
});
v.addView(btn);
return v;
}
// ====================== 脚本函数定义 ======================
function 极速抖音广告单机() {
printl("正在执行抖音极速版脚本...");
// 这里替换为实际脚本逻辑
}
function 极速快手广告单版本() {
printl("正在执行快手极速版脚本...");
// 这里替换为实际脚本逻辑
}
function 汽水广告单机() {
printl("正在执行汽水音乐脚本...");
// 这里替换为实际脚本逻辑
}
function 番茄音乐广告单机() {
printl("正在执行番茄音乐脚本...");
// 这里替换为实际脚本逻辑
}
function 西瓜视频广告单版() {
printl("正在执行西瓜视频脚本...");
// 这里替换为实际脚本逻辑
}
|( 京ICP备09078825号 )
发表于 
![txt文件读写[txt]方法和UI-TAB界面视图[TabView]小结 b2b软件](static/image/common/none.gif "txt文件读写[txt]方法和UI-TAB界面视图[TabView]小结 b2b软件")
收藏