4、创建简单的 Sencha Touch 应用程序

创建简单的 Sencha Touch 应用程序

在开发和测试完成后，我们需要对代码进行一些调整以适应生产环境。同时，还需要了解如何创建和配置不同的组件，从而构建出功能丰富的应用程序。

1. 项目文件配置

在 index.html 文件中，开发和测试完成后，应将引用文件修改为 sencha-touch.js ，它是为生产环境优化的版本，占用带宽和内存更少，但没有注释且难以阅读。同时，不要直接编辑 sencha-touch-debug.js 和 sencha-touch.js 文件。

接下来，我们要引入自己的应用文件，文件名可以随意取，但最好与应用名相同。这里我们使用 TouchStart.js 和 TouchStart.css 。

<script type="text/javascript" src="app/TouchStart.js"></script>
<link rel="stylesheet" href="resources/css/TouchStart.css" type="text/css">

TouchStart.js 包含 JavaScript 应用代码， TouchStart.css 包含应用所需的样式信息，还可覆盖部分 Sencha Touch 的现有 CSS 样式。