Sencha Touch-第一个程序

Sencha Touch是一款优秀的移动应用程序开发框架，让开发人员可以快速地构建基于HTML5的移动应用程序。本文将介绍如何使用Sencha Touch来编写第一个应用程序。

前置条件

使用Sencha Touch开发程序需要具备以下技能：

• HTML5
• CSS3
• JavaScript

安装Sencha Touch

首先，需要从Sencha Touch官网上下载安装包，或者使用npm或yarn进行安装。安装完之后，将其放到工作目录下。

创建项目

在终端或命令行中，运行以下命令来创建一个新的Sencha Touch应用程序：

$ sencha generate app MyApp ./MyApp

其中，MyApp为应用程序的名称，./MyApp为应用程序的根目录。

运行项目

使用以下命令在浏览器中打开应用程序：

$ sencha app watch

创建页面

在应用程序的根目录下，创建src/view/Main.js文件，输入以下代码：

Ext.define('MyApp.view.Main', {
    extend: 'Ext.Container',
    xtype: 'main',
    config: {
        fullscreen: true,
        html: 'Hello, Sencha Touch!'
    }
});

该代码定义了一个Main视图。视图是应用程序的基本元素，用于呈现HTML内容。

添加页面

在应用程序的根目录下，编辑app.js文件，添加以下代码：

Ext.application({
    name: 'MyApp',
    views: ['Main'],
    launch: function () {
        Ext.Viewport.add(Ext.create('MyApp.view.Main'));
    }
});

该代码初始化应用程序，并将Main视图添加到应用程序视窗中。

运行应用程序

在浏览器中运行应用程序，即可看到"Hello, Sencha Touch!"。

总结

通过以上步骤，我们成功地创建了一个Sencha Touch应用程序，并显示了一个简单的页面。在进一步学习中，我们可以学到更多关于Sencha Touch的知识，为我们构建更加功能丰富的应用程序提供基础。