sencha touch(移动web开发框架) v2.4.2 GPL官方开源版

sencha touch是为移动设备打造的一款web应用开发框架，通过这款软件你可以创建非常像native app的web app，用户界面组件和数据管理全部基于HTML5和CSS3的web标准，全面兼容iphone、android和blackberry。软件完全独立，不依靠任何三方软件，需要的朋友可以下载！

基本介绍

Sencha Touch界面美观，接近原生，可以让你的Web App看起来像Native App，它拥有美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的WEB标准，并全面兼容Android和Apple iOS设备，有需求的朋友不妨下载体验。

sencha touch功能

1、基于最新的WEB标准——HTML5，CSS3，JavaScript

整个库在压缩和gzip后大约80KB，通过禁用一些组件还会使它更小

2、支持世界上最好的设备

Beta版兼容Android和iOS，Android上的开发人员还可以使用一些专为Android定制的主题

3、增强的触摸事件

在touchstart、touchend等标准事件基础上，增加了一组自定义事件数据集成，如tap、swipe、pinch、rotate等

4、数据集成

提供了强大的数据包，通过Ajax、JSONp、YQL等方式绑定到组件模板，写入本地离线存储

[attach]121061[/attach]

sencha touch使用教程

一、安装软件

安装需要的浏览器。

安装JAVA运行环境。

安装Sencha Cmd，win的双击运行就是。

解压Sencha Touch到合适位置。

安装ruby。注意双击安装程序后需要在选取安装配置时，选中第二项即可。

二、生成Touch项目基础框架

1、运行cmd到解压的Sencha Touch目录下，如图1。

图1 运行cmd，定位到sencha touch 解压的位置

2、测试Sencha的cmd，直接运行 sencha，如下图2。

图2 测试 sencha cmd

3、运行生成项目代码

sencha generate app MyApp ../MyApp

图3 生成名为MyApp的项目框架

运行完后，这样就生成了一个MyApp的目录，这就是自动生成的touch项目基础框架。

图4 项目框架目录结构

使用浏览器打开项目目录中的 index.html，可看到如下效果：

图5 项目框架效果

在谷歌浏览器中可以直接运行，不必搭建服务器。如果开发过程中涉及到跨域问题，可以如下处理：

找到谷歌浏览器，为其创建一个快捷方式，加入以下命令。–disable-web-security

当然，志文工作室推荐您在web服务器下运行测试。您可选用tomcat、Apache、IIS等。

4. 项目主要目录及文件

l app – 包含应用的模型、视图、控制器及存储定义目录。

l app.js – 应用主入口JavaScript文件。

l app.json – 应用配置文件

l index.html – 应用HTML入口文件

l packager.json – 用于Sencha Cmd 创建打包应用时的配置文件

l resources – 包含应用所需的CSS和图片资源。

三、项目配置和程序编码

略，可参考官方demo例子编写测试应用。

四、通过cmd生成项目应用

运行命令行工具，进入你的项目目录

运行cmd生成命令：

sencha app build native：生成native报

sencha app build testing：生成测试包

生成过程中，有错误请根据提示进行排错。

图6 进入项目目录，执行打包命令

图7 执行生成测试命令

3. 执行成功后，进入building目录，即可看到打包后的项目目录。这里打包的主要作用，即对相关目录结构及文件优化，如压缩所有css文件、js文件到单个文件中等。

图8 生成打包后的项目目录结构