零、序言

自最初推出以来,Sencha Touch 已迅速成为使用 HTML5 开发丰富移动 web 应用的黄金标准。Sencha Touch 是第一个 HTML5 移动 JavaScript 框架,允许您在 iPhone 和 Android 触摸屏设备上开发看起来和感觉都像本地应用的移动 web 应用。Sencha Touch 是世界上第一个专门利用 HTML5、CSS3 和 JavaScript 构建的应用框架,可实现最高级别的功能、灵活性和优化。它具体使用 HTML5 来交付音频和视频等组件,以及用于离线保存数据的本地存储代理。Sencha Touch 还在其组件和主题中广泛使用 CSS3,以提供令人难以置信的强大样式层,让您完全控制应用的外观。

Sencha Touch 使您能够设计 Apple iOS 和 Google Android 应用,而无需学习多种神秘的编程语言。相反,您可以利用现有的 HTML 和 CSS 知识,用 JavaScript 为移动设备快速创建富 web 应用。这本书将向您展示如何使用 Sencha Touch 高效地生成吸引人、令人兴奋且易于使用的 web 应用,让您的访问者继续访问。

Sencha Touch 移动 JavaScript 框架教会您开始使用 Sencha Touch 并构建出色的移动 web 应用所需的一切。从 Sencha Touch 概述开始,本书将指导您创建一个完整的简单应用,然后设计用户界面样式和 Sencha Touch 组件列表,并通过综合示例进行说明。接下来,您将了解基本触摸和组件事件,这将帮助您创建丰富的动态动画。本书接着介绍了有关核心数据包以及如何处理数据的信息,并以构建另一个简单但功能强大的 Sencha Touch 应用作为结尾。

简言之,这本书有一步一步的方法和广泛的内容,把一个初学者的 Sencha 触摸变成一张王牌,快速和容易。

利用 Sencha Touch,这是一个跨平台的库,面向下一代支持触摸的设备。

这本书涵盖的内容

第一章让我们从 Sencha Touch 开始吧!:本章概述了 Sencha Touch,并介绍了建立开发库的基础知识。我们还将讨论编程框架,以及它们如何帮助您快速、轻松地开发触摸友好型应用。

第 2 章创建一个简单的应用:本章首先创建一个简单的应用,并使用它来发现 Sencha Touch 的基本元素。我们还将探讨一些更常见的组件,例如列表和面板,我们将向您展示如何查找常见错误并在出现错误时进行修复。

第 3 章设计用户界面:一旦我们有了简单的应用,我们将探索使用 CSS 样式改变单个组件外观的方法。然后,我们将深入探讨使用 Sencha Touch 主题来控制整个应用的外观,使用 SASS 和 Compass。

第 4 章组件和配置:在这里,我们将更详细地检查 Sencha Touch 的各个组件。我们还将介绍每个组件中布局的使用,以及如何使用布局来安排应用的不同部分。

第 5 章事件:在我们了解各个组件之后,我们将了解 Sencha Touch Events 系统,该系统允许这些组件响应用户的触摸并相互通信。我们将介绍侦听器和处理程序的使用,并探索监视和观察事件的方法,以便了解应用的每个部分都在做什么。

第 6 章获取数据:数据是任何应用的关键部分。在这里,我们将研究将数据导入应用的不同方法,使用表单从用户收集信息,以及验证和存储数据的方法。我们还将讨论 Sencha Touch 使用的不同数据格式,以及如何使用 Sencha Touch 的模型和存储操作这些数据。

第 7 章取出数据:一旦我们的应用中有了数据,我们需要能够将其取出并显示给用户。这里,我们将讨论如何使用面板和 xTemplates 来显示数据。我们还将看看使用我们的数据创建彩色图表和图形,使用 Sencha 触摸图。

第 8 章Flickr Finder 应用:利用我们了解到的有关 Sencha Touch 的信息,我们将创建一个更复杂的应用,根据我们当前的位置从 Flickr 抓取照片。我们还将借此机会讨论构建应用及其文件的最佳实践。

第 9 章高级主题:在我们的最后一章中,我们将探索通过创建自己的 API 将数据与数据库服务器同步的方法。此外,我们将研究在移动设备和数据库服务器之间同步数据的方法,使用 PhoneGap 和 NimbleKit 编译应用,以及作为 Apple iOS 或 Google Android 开发人员入门的方法。

这本书你需要什么

要完成本书中的任务,您需要一台配备以下软件的计算机:

  • Sencha Touch 1.1
  • Sencha 触摸图 1.0
  • 编程编辑器,如 BBEdit、文本牧马人、UltraEdit、TextMate、Aptana、Eclipse 或其他
  • 本地 web 服务器,如内置的 Apple OS X web 服务器、Microsoft 的内置 IIS 服务器或可下载的 WAMP 服务器和软件包。

第 1 章中提供了这些项目的链接,让我们从 Sencha Touch 开始!,在设置您的开发环境一节下。其他可选但有用的软件将在需要时在特定部分中链接。

这本书是给谁的

这本书非常适合任何想要获得使用 Sencha Touch 移动 web 应用框架为移动设备制作有吸引力的 web 应用所涉及的实践知识的人。如果你对 HTML 和 CSS 有一定的了解,这本书适合你。本书将为设计师提供实现其想法所需的技能,并通过实例为开发人员提供创造性的灵感。假设您知道如何使用触摸屏、触摸事件、移动系统上的 WebKit、Apple iOS 和移动设备上的 Google Android。

公约

在这本书中,你会发现许多不同类型的文本可以区分不同类型的信息。下面是这些风格的一些例子,并解释了它们的含义。

文本中的代码词如下所示:“假设我们有一个名为 wheeled vehicle."的对象”

代码块设置如下:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TouchStart Application My Sample App</title>

当我们希望提请您注意代码块的特定部分时,相关行或项目以粗体显示:

var complexTest = new Ext.Container({ 
layout: {
type: 'vbox',

任何命令行输入或输出的编写方式如下:

C:\Ruby192>ruby -v
ruby 1.9.2p180 (2011-02-18) [i386-mingw32] 

新术语重要词语以粗体显示。例如,您在屏幕上、菜单或对话框中看到的文字出现在文本中,如下所示:“选择页面顶部的论坛链接,然后找到Sencha Touch论坛”。

警告或重要注释显示在这样的框中。

笔记

提示和技巧如下所示。

读者反馈

我们欢迎读者的反馈。让我们知道你对这本书的看法你喜欢或可能不喜欢什么。读者反馈对于我们开发您真正从中获益最多的标题非常重要。

要向我们发送一般反馈,只需向<[feedback@packtpub.com](mailto:feedback@packtpub.com)>发送电子邮件,并通过邮件主题提及书名即可。

如果您对某个主题有专业知识,并且您有兴趣撰写或贡献一本书,请参阅我们的作者指南,网址为www.packtpub.com/authors

客户支持

既然您是一本 Packt 图书的骄傲拥有者,我们有很多东西可以帮助您从购买中获得最大收益。

下载示例代码

您可以下载您在账户购买的所有 Packt 书籍的示例代码文件 http://www.packtpub.com 。如果您在其他地方购买了本书,您可以访问http://www.packtpub.com/support 并注册,将文件直接通过电子邮件发送给您。

勘误表

虽然我们已尽一切努力确保内容的准确性,但错误确实会发生。如果您在我们的一本书中发现错误,可能是文本或代码中的错误,如果您能向我们报告,我们将不胜感激。通过这样做,您可以使其他读者免于沮丧,并帮助我们改进本书的后续版本。如果您发现任何错误,请访问进行报告 http://www.packtpub.com/support ,选择您的书籍,点击勘误表提交表链接,输入您勘误表的详细信息。一旦您的勘误表得到验证,您的提交将被接受,勘误表将上传到我们的网站,或添加到该标题勘误表部分的任何现有勘误表列表中。

盗版

在互联网上盗版版权材料是所有媒体的一个持续问题。在 Packt,我们非常重视版权和许可证的保护。如果您在互联网上发现我们作品的任何形式的非法复制品,请立即向我们提供地址或网站名称,以便我们采取补救措施。

请致电<[copyright@packtpub.com](mailto:copyright@packtpub.com)>与我们联系,并提供可疑盗版材料的链接。

我们感谢您在保护我们的作者方面的帮助,以及我们为您带来有价值内容的能力。

问题

如果您对本书的任何方面有疑问,请致电<[questions@packtpub.com](mailto:questions@packtpub.com)>与我们联系,我们将尽力解决。