第一章 SenCha Touch 2.0 概述

1.SenCha Touch目录结构

 

sencha-touch.js：正式发布运行时所需要的脚本文件，编译前不能直接使用。

sencha-touch-debug.js：未经压缩处理的sencha-touch.js文件，但是包含文档说明，如果应用程序发生错误，该文件可以帮助准确定位调试脚本文件中存在错误的地方

 

builds：如果不能编译应用程序时，为了让应用程序能够正常运行所需要使用的Sencha Touch框架的核心脚本文件。

command：创建和发布MVC模式的应用程序时必须使用的文件。

docs：API文档。

examples：示例文件。

microloader：创建和发布MVC模式的应用程序时必须使用的文件。可与command文件夹中的文件结合使用。

resources：框架的资源文件（如css样式和图像文件）。

src：框架的完整源代码。

pkgs：创建SenCha Touch中扩展类的集合包时所需要的脚本文件。

 

2.HelloWord

应用程序的根目录要建立在Sencha Touch压缩包解压后的目录中

Ext.application({
    name: 'MyApp',
    launch: function() {
        alert('Sencha Touch 2框架已被加载');
    }
});

PS:SenCha Touch使用动态加载技术，所有的类只有在被使用时才被加载。

 

3.构建和发布应用程序

 

构建应用程序

在发布时，需要使用Sencha公司提供的SDK工具对应用程序进行构建处理。这意味着应用程序只需要我们需要的类和组件，可以大量缩减应用程序所需要加载的时间。

（下载地址http://www.sencha.com/products/sdk-tools）

SDK所做的工作：

• 计算应用程序实际使用的类和组件。
• 计算应用程序在被加载时使用的类和组件。
• 把这些类和组件放置在一个脚本文件中
• 抽离该脚本文件中的注释，然后将该脚本文件进行压缩。

 

输入：sencha命令查看SDK工具是否安装成功。

输入：sencha create jsb -a index.html -p app.jab3    Sdk工具将创建一个jsb文件并在jsb文件中列举所有应用程序中使用的类 

输入：sencha build -p app.jsb3 -d ./    命令构建应用程序，构建后悔生成all-classes.js脚本文件。该文件包含所有应用程序所使用的类。

 

发布应用程序

1. 将resources子目录中的css文件，以及sencha-touch.js脚本文件，all-classes.js脚本文件，index.html文件和app.js文件复制到应用程序目录中。
2. 修改index.html引用sencha-touch.js脚本文件，all-classes.js脚本文件和app.js文件。或引用sencha-touch.js脚本文件和app-all.js脚本文件（app-all.js是all-classes.js和app.js合并后压缩的文件，app-all.js提供更好的性能但不利于发布后的调试和局部代码的修改。）