| |  |  |  |  |  | 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)
});
 
 |  |  |  |  |  | 
 |