入门
开发指南
- 模块
- 控件基础知识
- 控件树
- 选择器 API
- 布局
- 手势和触摸事件
- W3C APIs 兼容
- Cordova 插件支持
- EcmaScript 6,TypeScript 和 JSX
- Windows 10 支持说明
- 构建 Tabris.js App
- Tabris.js App 补丁
API 参考文档
- app
- device
- fs
- localStorage
- ui
- ActionSheet(操作列表)
- AlertDialog(对话框)
- CanvasContext
- InactivityTimer(闲置定时器)
- NativeObject
- Popup(弹出窗)
- Timer(计时器)
- WidgetCollection
控件
- Action
- ActivityIndicator
- Button
- Canvas
- CheckBox
- CollectionView
- Composite
- Drawer
- ImageView
- NavigationBar
- NavigationView
- Page
- Picker
- ProgressBar
- RadioButton
- ScrollView
- SearchAction
- Slider
- StatusBar
- Switch
- Tab
- TabFolder
- TextInput
- TextView
- ToggleButton
- Video
- WebView
- Widget
自定义控件
Tabris.js 开发者 app
通过Tabris.js 2开发者app可以查看一些Tabris.js示例,并可以方便地开发移动app而不必执行构建操作。只需通过以下链接,就可以在app store中免费使用Tabris.js 2开发者app,或在移动设备的应用商店中搜索“Tabris.js”。
尝试示例
Tabris.js示例是一系列小型app,用于展示框架的强大功能和灵活性。它们完全用JavaScript编写。你可以在Tabris.js GitHub repository中找到源码。
只需点击一个例子,它将在开发者应用程序中运行。要返回示例选择列表,请使用开发者控制台中的Home符号。在Android上,你也可以按系统的返回按钮返回。
开发者控制台
在开发者app中运行Tabris.js脚本时,可以通过从屏幕的右边缘向左滑动来打开开发者控制台。在iOS上,必须从边缘开始滑动来打开抽屉(drawer)。你也可以使用四指双击。在Windows上,如果有键盘,也可以按F12。
在开发者控制台中,你会看到运行的脚本输出的消息和错误。你甚至可以输入在你的脚本上下文中执行JavaScript表达式。
在顶部,你会发现一个Reload操作,用来重新加载并启动运行的脚本。Home操作可让你返回开发者app。 你还可以找到过滤日志并分享(例如通过电子邮件)的操作。最后,你可以直接在顶部输入不同脚本的URL。
如果你在iOS上打开抽屉(drawer)时遇到问题,可以尝试使用四指双击。
在playground(平台)上试用
如果想要方便地开始使用Tabris.js开发,可以试用我们的在线代码编辑器Playground(平台)。 在这里,有一个可编辑的Tabris.js “Hello World”脚本,你可以直接在移动设备上进行测试。通过在playground上扫描二维码,在你的开发者app中加载playground上的脚本。
你在playground上编辑代码时,可以使用开发者控制台中的Reload按钮或再次扫描二维码,随时重新加载以查看更改。
你可以在我们的代码片段集中找到Tabris.js中几乎所有功能的代码段。如果你想测试代码段,只需将其复制并粘贴到playground上并从中运行即可。
登陆
在你使用GitHub帐户登录过tabrisjs.com后,可以使用开发者app登录。这允许你访问你的个人playground和其他已保存的脚本,而无需扫描二维码
运行app
就像playground脚本一样,你还可以加载在你电脑上开发的app。要加载本地开发的app,移动设备必须连接到开发电脑所在的局域网。
设置Tabris.js项目后,可以使用Tabris CLI来为app开启服务器。在项目目录中,执行:
tabris serve
CLI会启动一个HTTP服务器并打印其URL,例如:
Server started.
Point your Tabris.js client to:
http://192.168.6.146:8080
在开发者app的URL标签中输入此URL,然后点击Connect。在测试app的过程中,保持CLI一直运行。
你可能会注意到开发者app将资源下载到移动设备的时间相当长。但构建了app后,这个延迟将会消失,因为这些资源与app打包在一起了。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论