Sencha Touch开发指南


本文主要介绍如何使用Sencha Touch为手持设备进行应用开发，主要是针对iPhone这样的高端手机，我们会通过一个详细的例子来介绍整个开发的流程。

Sencha touch 开发指南

Sencha Touch简介

Sencha Touch是专门为移动设备开发应用的Javascrt框架。通过Sencha Touch你可以创建非常像native app的web app，用户界面组件和数据管理全部基于HTML5和CSS3的web标准，全面兼容Android和Apple iOS。

如何使用Sencha Touch

1 下载Sencha Touch包，并按照以下结构创建项目列表

Sencha Touch包核心文件

上图中加蓝色背景的图片为核心文件，必须载入。

2 创建HTML文件，引入以下CSS和Javascript文件

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <metacharset="utf-8">
  5. <title>Sencha Touch Test</title>
  6. <!-- Sencha Touch CSS -->
  7. <linkrel="stylesheet"href="../../resources/css/sencha-touch.css"type="text/css">
  8. <!-- Custom CSS -->
  9. <linkrel="stylesheet"href="css/guide.css"type="text/css">
  10. <!-- Google Maps JS -->
  11. <scripttype="text/javascript"src="http://maps.google.com/maps/api/js?sensor=true"></script>
  12. <!-- Sencha Touch JS -->
  13. <scripttype="text/javascript"src="../../sencha-touch-debug.js"></script>
  14. <!-- Application JS -->
  15. <scripttype="text/javascript"src="src/index.js"></script>
  16. </head>
  17. <body></body>
  18. </html>

这样我们的HTML结构就搭建完成了。

Sencha Touch 的详细介绍：请点这里
Sencha Touch 的下载地址：请点这里

接下来请看第2页精彩内容：

  • 1
  • 2
  • 下一页

相关内容