创建您的第一个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官方提供！