创建您的第一个Tizen可穿戴式Web应用程序
本教程演示了如何创建一个简单的HelloWorld应用程序的UI Tizen可穿戴。 本教程帮助您熟悉网络Tizen可穿戴 应用程序开发过程和使用Tizen SDK安装仿真器或一个目标设备上创建应用程序。开发更复杂的应用程序时,您可以利用的 工具包含在SDK简化创建功能和设计应用程序的UI。创建一个HelloWorld应用程序[*]创建HelloWorld项目
[*]启动 Tizen IDE 。
[*]在IDE中创建应用程序项目。使用可穿戴UI项目模板, 新的Tizen耐磨Web项目 窗口中,选择 模板>可穿戴UI >基本应用程序 。
[*]定义 helloworld 为您的项目的名称并单击 完成 。
图:创建HelloWorld项目
[*]新 helloworld 项目中所示 Project Explorer 视图的IDE,默认内容 config.xml 在几个项目文件以及文件夹,包括:
[*]css 文件夹:CSS文件目录
[*]JS 文件夹:JavaScript文件目录
[*]lib 文件夹:Tizen耐磨UI框架目录
[*]lib/tau/themes/black/tau.min.css :Tizen可穿戴UI主题的发布版本
[*]lib/tau/js/tau.min.js :Tizen穿戴的UI库的发行版本
[*]lib/tau/themes/black/tau.css :Tizen可穿戴UI主题的调试版本
[*]lib/tau/js/tau.js :Tizen穿戴的UI库的调试版本
[*]config.xml :应用程序配置文件
[*]icon.png :图标文件
[*]index.html :默认的HTML文件
[*]配置应用程序,并创建应用程序代码Web项目的源文件已经包含基本的应用程序功能。
[*]打开index.html 文件(1)。
[*]设置 viewport meta标签(2)。
[*]添加 tau.min.css 文件(3)。如果您的应用程序创建项目使用可穿戴UI模板,中已经存在的联系 index.html 文件。
[*]添加一个链接 tau.min.js 文件 脚本script (4)元素。如果您的应用程序创建项目使用可穿戴UI模板,中已经存在的联系 index.html 文件。
图: index.html 文件
[*]你有很多不同的选择 设置应用程序配置使用 config.xml 文件和 代码中的应用特性。
[*]使用可穿戴UI主题创建一个布局在可穿戴的UI中,每个场景命名 页面。 当你包括 ui-page 类属性在 < div > 元素,属性适用于可见可穿戴UI主题和支持页面导航功能。
更多关于Tizen穿戴的UI布局和小部件的信息,明白了 Tizen耐磨Web UI框架参考。
[*]构建和打包应用程序当你已经完成了实现您的应用程序,你必须 构建它。
建立后,Tizen IDE自动包项目通过创建一个 .wgt 包文件。
[*]在模拟器上运行和调试应用程序您可以运行HelloWorld应用程序上 模拟器或一个真正的 目标设备。
下面的图显示了小部件运行在模拟器。
图:运行项目
声明：以上有在线翻译生成,Tizen官方提供！
页:
[1]