IOS苹果TabView视图和Horizontal水平布局控件

QQ896757558 · 发表于 2025-3-28 07:25:31

导航条视图模式可以支持多个页面标签切换

案例:

http://www.postbbs.com/template/ ... mg/codebg.gif"); color: rgb(102, 102, 102); zoom: 1; font-family: "Microsoft YaHei", Tahoma, Helvetica, SimSun, sans-serif;">

var tab = new TabView()
tab.setTitles(["首页", "关于", "我的"])
tab.show(() => {
//页面加载完后执行以下代码
tab.addView(0, h1());
tab.addView(0, h2());
printl("hello IOS")
});
//第一行
function h1() {
var h = new Horizontal();
var lb = new Lable();
lb.setText("用户名")
lb.setWidth(60)
var input = new Input();
input.setWidth(150)
h.addView(lb);
h.addView(input);
return h;
}
//第二行
function h2() {
var h = new Horizontal();
//创建一个按钮
var btn = new Button();
btn.setText("启动app")
//按钮添加到水平容器中
h.addView(btn)
//设置按钮颜色
btn.setColor(25, 10, 130)
btn.onClick(() => {
printl("按钮点击了")
})
return h;
}

复制代码

创建TAB视图

http://www.postbbs.com/template/ ... mg/codebg.gif"); color: rgb(102, 102, 102); zoom: 1; font-family: "Microsoft YaHei", Tahoma, Helvetica, SimSun, sans-serif;">

var tab = new TabView()

复制代码

显示视图

function show(function fun)

参数 func ：ui显示以后调用的方法

设置tab

tab.setTitles(["首页", "关于", "我的"])

//关闭视图

tab.dismiss()

添加子视图

tab.addView(tabindex,view)

参数tabindex：tab的序号从0开始

参数 view：子视图

案例

http://www.postbbs.com/template/ ... mg/codebg.gif"); color: rgb(102, 102, 102); zoom: 1; font-family: "Microsoft YaHei", Tahoma, Helvetica, SimSun, sans-serif;">

var tab = new TabView()
tab.setTitles(["首页", "关于", "我的"])
tab.show(() => {
//创建一个按钮
var btn = new Button();
btn.setText("启动app")
//设置按钮颜色
btn.setColor(25, 10, 130)
btn.onClick(() => {
printl("按钮点击了")
tab.dismiss()
})
//页面加载完后执行以下代码
tab.addView(0,btn);
printl("hello IOS")
});

复制代码

Horizontal水平布局控件

用于横向放置多个控件

http://www.postbbs.com/template/ ... mg/codebg.gif"); color: rgb(102, 102, 102); zoom: 1; font-family: "Microsoft YaHei", Tahoma, Helvetica, SimSun, sans-serif;">

//创建一个水平容器
var h = new Horizontal()
//创建一个按钮
var btn = new Button();
//设置按钮颜色
btn.setColor(25, 10, 130)
btn.onClick(() => {
printl("按钮1被点击了")
})
//创建一个按钮
var btn2 = new Button();
//设置按钮颜色
btn2.setColor(25, 10, 130)
btn2.onClick(() => {
printl("按钮2被点击了")
})
//按钮添加到水平容器中
h.addView(btn)
h.addView(btn2)

复制代码

案例:

http://www.postbbs.com/template/ ... mg/codebg.gif"); color: rgb(102, 102, 102); zoom: 1; font-family: "Microsoft YaHei", Tahoma, Helvetica, SimSun, sans-serif;">

//申请一个UI
var vc = new IOSView();
vc.show(() => {
//页面加载完后执行以下代码
printl("hello IOS")
//获取当前视图
var view = vc.getView()
//创建一个水平容器
var h = new Horizontal()
//创建一个按钮
var btn = new Button();
//设置按钮颜色
btn.setColor(25, 10, 130)
btn.onClick(() => {
printl("按钮1被点击了")
})
//创建一个按钮
var btn2 = new Button();
//设置按钮颜色
btn2.setColor(25, 10, 130)
btn2.onClick(() => {
printl("按钮2被点击了")
})
//按钮添加到水平容器中
h.addView(btn)
h.addView(btn2)
//水平容器添加到视图中
view.addView(h)
});

复制代码