控件树

所有控件的顶级父控件用对象 ui 表示。该对象包含一些固定的子控件，用于表示app用户界面的不同部分：

Status Bar（状态栏）

status bar是屏幕顶部最小的区域，用来显示通知、状态图标和时间。对象可以控制status bar的外观、体验的各个方面，比如背景颜色和是否可见。

navigation bar是包含Back、Home等Android按钮的区域。ui.navigationBar对象可以控制navigation bar的背景色和是否可见。

drawer是移动应用的通用组件，是一个可以从屏幕左侧边缘滑出的容器，常常作为顶级导航。在Tabris.js中， drawer默认是禁用的。要在应用中使用drawer，需要启用它：

ui.drawer.enabled = true;

drawer可以通过从屏幕左侧边缘划入打开，或者通过点击NavigationView左侧的动作打开（因此也叫“burger menu”）。你可以在程序中分别使用drawer的open() 和 close()方法打开和关闭它。

drawer可以包含任意控件：

为了使用分页导航模式，你可以使用全屏。导航视图包含的Pages（分页）排列在栈中，因此只有最顶层的页面可见。页面顶部显示最顶层页面的标题和一个导航到前一页的按钮。在Android上，系统后退按钮也可以用来导航返回。

  left: 0, top: 0, right: 0, bottom: 0
}).appendTo(ui.contentView);

新添加到NavigationView的页面，会放在栈的最顶层并可见：

返回导航时，栈中最顶层的页面会被移除并销毁。你可以设置autoDispose为false来阻止自动销毁页面。这样你可以复用页面。但你必须确保不再使用时销毁页面，防止内存溢出。

app主界面也可选项卡来组织。要使用选项卡来组织界面，你需要使用全屏 TabFolder 作为顶级容器。选项卡文件夹包含显示在iOS底部、Android顶部的。


  left: 0, top: 0, right: 0, bottom: 0
new Tab({
  title: 'Cart',
}).appendTo(tabFolder);

原文: