Sencha Touch - 概述



Sencha Touch 是 Sencha 推出的一个流行框架,用于创建移动应用程序的用户界面。它帮助开发者使用简单的 HTML、CSS、JS 创建移动应用,支持许多移动设备,例如 Android、IOS、BlackBerry 和 Windows。它基于 MVC 架构。Sencha Touch 的最新版本是 2.4。

Sencha Touch 的历史

在发布 Sencha 的其他产品 ExtJs(用于 Web 应用程序)之后,需要开发一个也适用于移动设备的框架。

Sencha Touch 的第一个版本是 0.9 测试版,支持 Android 和 IOS 设备。后来,Sencha Touch 1.0 版本于 2010 年 11 月首次正式发布,这是第一个稳定版本,也支持 Blackberry 设备。

Sencha Touch 的最新版本是 2.4 版,于 2015 年 6 月发布,支持许多设备,例如 Windows、Tizen 以及 Android、IOS、BlackBerry OS 10、Android 版 Google Chrome 和移动版 Safari 等。

Sencha Touch 的特性

以下是 Sencha Touch 最突出的特性:

  • 可定制且内置 50 多个 UI 小部件,并提供丰富的 UI 集合,例如列表、轮播、表单、菜单和工具栏,专门为移动平台构建。

  • 新版本与旧版本之间的代码兼容性。

  • 灵活的布局管理器,有助于在具有不同操作系统的多个移动设备上组织数据和内容的显示。

  • 该框架包含一个强大的数据包,可以从任何后端数据源获取数据。

  • 自适应布局、动画和流畅滚动,为用户提供更好的移动 Web 应用程序体验。

  • 开箱即用的原生外观主题,适用于每个主要平台,使 Web 和混合应用程序能够匹配目标平台的外观和风格。

Sencha Touch ─ 优势

Sencha Touch 是企业级 Web 应用程序开发的领先标准。它提供了构建适用于大多数移动设备的健壮应用程序所需的工具,提供了一个开发应用程序的单一平台。以下是一些优势:

  • 提供响应式触摸功能,因此用户在使用移动应用程序时可以轻松导航。

  • 提供与所有最新版本的 IOS、Android、Blackberry 和 Windows 的兼容性。

  • 提供任何移动应用程序所需的最快速度。

  • 凭借其跨平台兼容性,提供经济高效的解决方案。

  • 基于原生 API 和基本的 Web 开发语言,例如 HTML、CSS、JS,这使得开发者更容易理解 Sencha Touch。

Sencha Touch ─ 限制

Sencha Touch API 不具备以下功能:

  • 应用程序无法访问设备的摄像头、联系人以及加速计。

  • 它不提供推送通知功能。为此,我们必须使用 WebSockets 或长轮询。

  • 根据通用公共许可证政策,开源应用程序免费,但商业应用程序需要付费。

  • 它不适合硬核图形和动画应用程序,例如游戏应用程序。

Sencha Touch ─ 工具

Sencha SDK

这是 Sencha 开发工具包,用于创建项目的骨架。我们使用命令“sencha -sdk path/to/touch generate app appName”来创建一个名为命令中给出的名称的应用程序。

创建应用程序后,您可以在应用程序中看到以下文件:

  • app - 此文件夹包含应用程序的模型、视图、控制器和存储文件。

  • app.js - 这是应用程序的主要 JS 文件。从这个文件开始 Sencha 代码流程。

  • app.json - 这是应用程序的配置文件,所有配置细节都位于此处。

  • index.html - 这是主要 html 文件,我们在此处包含 app.js 和其他与 Sencha 相关的文件。

  • package.json - 此文件包含与应用程序相关的所有依赖项和其他信息。

  • resources - 此文件夹包含应用程序所需的所有 CSS 文件和图像。

Sencha CMD

Sencha CMD 是一个命令行工具,它提供 Sencha Touch 代码缩小、脚手架、构建生成以及其他对生产目的有用的功能。

我们使用命令“Sencha app build package”在命令提示符中构建应用程序。在命令提示符中转到应用程序目录并键入上述命令。构建成功后,我们将看到应用程序的缩小版本,基本上用于生产目的。

可以从 https://www.sencha.com/products/extjs/cmd-download/ 下载

Sencha Inspector

Sencha Inspector 是一个调试工具,用于在开发过程中调试 Sencha 代码中的任何问题。

广告