 | |  |  | IOS苹果TabView视图和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 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;"> 复制代码显示视图 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)
- });
复制代码
| |  | |  |
|