下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922
读书 > Web开发 >Html/CSS > Sencha Touch权威指南

Sencha Touch权威指南

综合评级:★★★★★

定价:89.00

作者:陆凌牛 著

出版社:机械工业出版社

出版日期:2012年9月

页数:540

ISBN:9787111395010

书籍介绍

如何才能全面而透彻地理解和掌握移动应用开发框架Sencha Touch并开发出令人心动的移动应用?本书将给我们满意的答案!它的内容系统而全面,细致地讲解了Sencha Touch的所有功能、特性、使用方法、开发技巧,让我们能做到对Sencha Touch了如指掌;它实战性强,不仅每个知识点都配有精心设计的小案例(具体的实现步骤、完整的实现代码、最终的实现效果,图文并茂),而且还有综合性的案例,能让我们迅速获得实战经验。本书所有实例代码都经调试运行成功,我们可以对这些代码进行修改,以便观察各种不同效果,加深对实例代码的理解。

第一部分(第1~2章):首先介绍了Sencha Touch的功能和特性,然后介绍了如何搭建开发环境和发布应用程序,以及Sencha Touch的相关基础知识;第二部分(第3~15章):这是本书的核心部分,对Sencha Touch 所有常用的各种布局、组件和API的功能、特性和使用方法进行了全面而具体的讲解,不仅能帮助我们熟练地对Sencha Touch中的组件使用各种样式、在Sencha Touch 的应用中使用自定义样式主题,而且还能够结合Sencha Touch的命令行工具和Sencha公司的SDK开发工具创建并部署一个MVC模式的应用。第三部分(第16章):本章以迭代的方式实现了一个MVC模式的综合应用案例并对它进行了详细的剖析,该案例涵盖了本书各章中所涉及的大部分知识点,读者可以根据书中的步骤进行实践操作,理论联系实际,以巩固所学的理论知识。

相关课程
目录

前 言

第一部分 准备篇

第1章 Sencha Touch 2.0概述

1.1 认识Sencha Touch 

1.1.1 Sencha Touch框架的特性

1.1.2 Sencha Touch 2.0中的新特性

1.2 Sencha Touch 2.0框架

1.2.1 搭建学习环境

1.2.2 开发包中的内容

1.2.3 第一个Sencha Touch 2.0示例页面

1.3 构建及发布应用程序

1.3.1 Sencha Touch 2.0中的动态加载技术

1.3.2 几种核心脚本文件之间的区别

1.3.3 构建应用程序时执行的处理

1.3.4 发布应用程序

1.4 本章小结

第2章 Sencha Touch 2.0基础知识

2.1 一个简单的示例页面

2.2 配置对象与配置选项

2.3 应用程序的命名与启动

2.4 Sencha Touch 2.0中的面板组件

2.4.1 如何创建面板组件

2.4.2 Viewport组件

2.5 对DOM的访问及控制

2.5.1 Ext.get方法的使用

2.5.2 Ext.ComponentManager.get方法的使用

2.5.3 Ext.fly方法的使用

2.6 本章小结

 

第二部分 基 础 篇

第3章 面板与布局

3.1 在面板组件中放置图片

3.1.1 示例代码及配置选项

3.1.2 Sencha Touch 2.0中的图片组件

3.1.3 Sencha Touch 2.0中的事件监听器及事件处理函数

3.1.4 Sencha Touch 2.0中的动态加载技术

3.2 Tab面板组件

3.2.1 Tab面板组件的使用及示例

3.2.2 Tab面板组件的配置选项

3.2.3 Sencha Touch 2.0中的内置图标

3.3 Sencha Touch 2.0中的常用布局

3.3.1 盒布局

3.3.2 Fit布局

3.3.3 Card布局

3.3.4 容器内部组件的停靠

3.4 Carousel组件

3.4.1 Carousel组件的使用及示例

3.4.2 容器组件的defaults配置选项

3.4.3 Carousel组件的常用方法

3.5 NavigationView组件

3.5.1 NavigationView组件的使用及示例

3.5.2 配置NavigationView组件的标题栏

3.6 xtype配置选项

3.6.1 xtype配置选项的使用及示例

3.6.2 使用getComponent方法获取容器中的子组件

3.6.3 重要组件的xtype值及作用

3.7 本章小结

第4章 表单及表单域组件

4.1 一个最简单的表单示例

4.1.1 表单的核心组件

4.1.2 第一个表单使用示例

4.1.3 表单所用配置选项

4.1.4 Sencha Touch 2.0中的滚动

4.2 Sencha Touch 2.0中的特殊输入组件

4.2.1 密码输入组件

4.2.2 数值输入组件

4.2.3 Spinner组件

4.2.4 Email输入组件

4.2.5 Url输入组件

4.2.6 TextArea组件

4.2.7 Search组件

4.3 单选框与复选框组件

4.3.1 单选框组件

4.3.2 复选框组件

4.4 选取框组件

4.4.1 选取框组件的使用示例

4.4.2 选取框组件所用配置选项

4.5 使用数据仓库装载选取框

4.5.1 什么是数据仓库

4.5.2 使用本地数据装载选取框

4.5.3 代理与阅读器

4.5.4 使用服务器端数据装载选取框

4.6 日期选择组件

4.6.1 日期选择组件使用示例

4.6.2 日期选择组件所用配置选项

4.7 滑动条组件

4.7.1 滑动条组件使用示例

4.7.2 滑动条组件所用配置选项

4.7.3 setValue方法与getValue方法

4.8 Toggle组件

4.9 Hidden组件

4.10 本章小结

第5章 表单验证及提交

5.1 Sencha Touch 2.0中的按钮

5.1.1 按钮的使用及示例

5.1.2 修改按钮的样式

5.1.3 定义按钮的功能

5.2 表单验证

5.2.1 实现表单的ajax异步提交

5.2.2 使用Sencha Touch 2.0中的内置验证

5.2.3 服务器端验证及验证成功后数据的追加

5.3装载表单数据

5.3.1装载本地数据

5.3.2装载服务器端数据

5.3.3修改服务器端数据

5.3.4 删除服务器端数据

5.4 将表单设定为无效状态

5.5 本章小结

第6章工具条

6.1 工具条组件的使用及示例

6.2 segmentedButton组件

6.2.1在工具条中放置segmentedButton组件示例

6.2.2segmentedButton组件的配置选项

6.3工具条的对齐方式与分隔符

6.3.1工具条右对齐示例

6.3.2在子组件中插入间隔距离示例

6.4 在工具条中使用图标按钮

6.4.1使用自定义图标按钮

6.4.2使用Sencha Touch 2.0中的内置图标按钮

6.5 在工具条中使用表单域组件

6.6 标题条组件

6.6.1标题条组件与工具条组件的区别

6.6.2 标题条组件的使用示例

6.7本章小结

第7章 XTemplate模板与DomHelper组件

7.1 XTemplate模板

7.1.1 定义XTemplate模板

7.1.2在模板中使用数组

7.1.3 在模板中使用操作符

7.1.4 在模板中使用内置变量

7.1.5在模板中使用自定义函数

7.2 DomHelper组件

7.2.1使用append方法追加元素

7.2.2 使用overwrite方法重写元素

7.2.3 在指定位置处追加与删除元素

7.3 本章小结

第8章DataView组件

8.1DataView组件的基本功能

8.1.1DataView组件的使用及示例

8.1.2对DataView组件使用样式

8.1.3 将DataView组件中的数据进行排序

8.1.4 DataView组件的选取方式

8.2 DataView组件的常用事件

8.2.1 itemsingletap事件、itemdoubletab事件与itemtap事件

8.2.2 itemswipe事件

8.2.3 refresh事件

8.2.4 selectionchange事件与deselect事件

8.3使用DataView组件制作一览表

8.3.1制作一览表的步骤

8.3.2为一览表添加排序功能

8.3.3为一览表添加搜索功能

8.4使用DataView组件显示服务器端数据

8.4.1显示XML文件中的数据

8.4.2显示JSON文件中的数据

8.4.3显示服务器端数据库中的数据

8.4.4对服务器端的数据进行分页

8.4.5在服务器端对数据进行排序

8.4.6对数据库中的数据进行搜索

8.5使用代理管理数据

8.5.1Memory代理

8.5.2SessionStorage代理

8.5.3LocalStorage代理

8.5.4Ajax代理

8.5.5Rest代理

8.6 Operation对象的使用方法

8.6.1通过Operation对象插入url参数

8.6.2获取分页数据

8.6.3 对服务器端数据进行排序与过滤

8.7获取异域数据

8.7.1通过JsonP代理获取异域数据

8.7.2利用Ext.data.JsonP对象获取异域数据

8.8 本章小结

第9章List组件

9.1List组件的基本功能

9.1.1使用List组件在页面上显示列表

9.1.2itemDisclosure事件

9.1.3在List组件中使用索引栏

9.1.4ListPagingView插件

9.2将List组件中的数据进行分组

9.2.1使用grouper配置选项进行分组

9.2.2动态设置List组件的分组方式

9.2.3动态更新数据时List组件的自动分组

9.3nestedList组件

9.3.1nestedList组件的使用及示例

9.3.2显示服务器端文件夹及文件列表

9.3.3显示服务器端数据库中的数据

9.4本章小结

第10章地图与多媒体

10.1 利用Map组件在页面中显示Google地图

10.1.1 Map组件的使用及示例  

10.1.2 Ext.util.Geolocation类的使用及示例

10.2利用Video组件播放视频文件

10.2.1 Video组件的使用及示例

10.2.2 控制视频的主要的方法

10.3利用Audio组件播放音频文件

10.3.1 Audio组件的使用及示例

10.3.2 控制音频的主要方法

10.4本章小结

第11章使用具有关联关系的模型

11.1定义具有关联关系的模型

11.2定义具有一对多关系的模型

11.2.1 一对多关系模型的使用示例

11.2.2使用子模型的数据仓库存取数据

11.2.3 定制父模型的过滤器

11.3 定义具有多对一关系的模型

11.3.1 多对一关系的模型的使用示例

11.3.2 通过子模型的getter方法获取父模型的记录

11.3.3 通过子模型的setter方法设置关联id

11.4 定义具有一对一关系的模型

11.4.1 通过模型的getter方法获取其关联模型的记录

11.4.2 通过模型的setter方法设置关联id

11.5 在同一个模型内部建立关联关系

11.6 本章小结

第12章Sencha Touch 2.0中的Ext Direct API

12.1 服务器端提供的组件

12.1.1 配置

12.1.2 API

12.1.3 路由

12.2 Sencha Touch 2.0中的Provider

12.2.1 PollingProvider方法的使用及示例

12.2.2 RemotingProvider方法的使用及示例

12.3  Direct代理

12.3.1 Direct代理的使用示例

12.3.2 在Direct代理所使用的方法中提交命名参数

12.4 DirectStore数据仓库

12.5 本章小结

第13章 自适应尺寸的Sheet组件

13.1 Sheet组件简介

13.2 ActionSheet组件的使用及示例

13.3 Sencha Touch 2.0中的提示信息框

13.3.1 提示信息框

13.3.2 确认信息框

13.3.3 Ext.Msg.show方法

13.4 Picker组件的使用及示例

13.5 使用DatePicker组件选取日期

13.6 本章小结

第14章 Sencha Touch 2.0中的样式与主题

14.1 利用配置选项设置单个组件的样式

14.2 Sencha Touch 2.0中的内置主题

14.2.1 重载默认主题中组件的样式

14.2.2 修改Sencha Touch 2.0中的内置主题

14.3 利用SASS定制Sencha Touch 2.0的主题

14.3.1 安装SASS和Compass

14.3.2 在Sencha Touch 2.0中使用SASS

14.3.3 修改Sencha Touch 2.0默认主题中的变量

14.4 SCSS样式表文件

14.4.1 SCSS提供的高级特性

14.4.2 Sencha Touch 2.0提供的mixin

14.4.3 编译SCSS样式表文件

14.4.4 应用SCSS样式表文件定制主题示例

14.4.5 SCSS样式表文件中自定义组件样式的示例

14.5 本章小结

第15章 创建自定义组件与MVC模式的应用程序

15.1 实现自定义组件

15.1.1 Sencha Touch 2.0中的包与命名空间

15.1.2 创建自定义组件

15.1.3 为自定义组件添加自定义方法

15.2 使用命令行工具创建及部署MVC模式的应用程序

15.2.1 命令行工具的安装及使用

15.2.2 创建MVC模式的应用程序

15.2.3 部署MVC模式的应用程序

15.2.4 页面文件与脚本文件分析

15.2.5 应用程序中的默认命名约定

15.2.6 应用程序启动时的函数调用顺序

15.3 创建视图与控制器

15.3.1创建应用程序的主视图

15.3.2创建应用程序的主控制器

15.3.3通过控制器实现用户与应用程序之间的交互

15.4 在控制器中指定路由

15.4.1 通过routes配置选项指定路由

15.4.2 在路由中使用参数

15.4.3 通过before配置选项拦截路由方法的执行

15.5 设备配置文件

15.5.1 检测应用程序当前所用的设备配置文件

15.5.2 为应用程序编制设备配置文件

15.5.3 在设备配置文件中使用launch函数

15.5.4 为设备单独编写视图

15.5.5 将各种视图在不同的设备中以不同的方式进行结合

15.5.6 为设备单独编写控制器

15.6 本章小结

 

第三部分 综 合 案 例

第16章 综合应用案例

16.1 应用程序的所有文件及其路径

16.2 应用程序的页面文件与脚本文件

16.3 利用SASS定制样式主题

16.4 设备配置文件

16.5 模型与数据仓库

16.6 视图与控制器

16.6.1 应用程序的主视图

16.6.2 用户注册/登录视图与控制器

16.6.3 展示视图及其控制器

16.6.4 书籍列表展示视图与控制器

16.6.5 书籍信息编辑视图与控制器

16.7 本章小结

前言

为什么要写这本书

目前,随着HTML 5与CSS 3的不断发展,移动设备用Web网站或Web应用程序开发的需求在不断扩大,“基于HTML 5、CSS 3和JavaScript开发的Web网站或Web应用程序才是未来的趋势”这种观点越来越被IT届人士广泛接受,越来越多的IT届人士开始积极寻求一个能够利用HTML 5与CSS 3进行Web网站与Web应用程序开发的框架。在这个背景下,诞生了第一个基于HTML 5的移动开发JavaScript框架—Sencha Touch。

Sencha Touch是专门为移动设备开发应用的JavaScript框架。通过Sencha Touch可以创建非常像本地应用的Web应用,其用户界面组件和数据管理全部基于HTML 5和CSS 3的Web标准,全面兼容Android和iOS。Sencha Touch是由著名的JavaScript库Ext JS发展而来的,是Ext JS项目与触摸屏代码库项目jQTouch和SVG处理库Raphael合并组成的一个新的基于HTML 5的移动平台的框架。同时,jQTouch的创始人和Raphael的创始人也已加盟Sencha团队。

2010年11月初,在Sencha Touch 1.0发布以后,Sencha Touch项目的负责机构“Sencha基金会”(Sencha Labs)宣布这个框架将正式免费使用。

2012年2月,Sencha公司推出Sencha Touch 2.0版本,新版本的Sencha Touch开发框架中提供如下特性:

(1)更快的布局引擎

新版本的Sencha Touch提供一种更灵活的布局体制,使开发者可以更加方便地将应用程序布局在各种移动设备中;此外,其使用了一种更加快速的布局引擎,与Sencha Touch 1.0版本相比,该布局引擎使得应用程序在组件滚动、启动和移动设备的手持方向改变时,界面重新绘制时的速度得到很大提高。

(2)更强、更小的内核

Sencha Touch是在Ext JS的基础上发展而来的,所以在Ext JS 4中实现的一些新的特性如更强、更小的内核,也被引入Sencha Touch 2.0中。

(3)更短的启动时间

在Sencha Touch 2.0中,对应用程序的启动处理进行优化。在大多数设备中,应用程序的加载时间将被缩短10%~25%。

(4)经过改善的MVC体系

Sencha Touch 1.0中提供一种简单的方式来创建MVC应用程序。Sencha Touch 2.0对MVC应用程序体系进行了很大程度的改善,包括添加完全的历史记录支持、使用一种新的方法来控制组件,以及提供一种便利的方法来为各种设备的屏幕尺寸定制应用程序。

同时,应用程序中数据的使用也将引入一种新的体系,使得数据的使用变得更灵活,性能变得更快。

(5)更好地Android支持

Sencha Touch 2.0对Android中的使用性能进行了很大改善,尤其是在滚动与动画特效方面。在使用Sencha Touch 1.0的时候,在Android设备中,当在很大的列表中进行滚动时,应用程序会变得非常慢,在动画特效方面也表现得不流畅。Sencha Touch 2.0针对这方面进行了大量的优化,并且提供平滑滚动及快速流畅的动画特效。

为了帮助众多网站设计者及开发者迅速了解Sencha Touch 2.0框架,并使用它开发移动设备中的Web网站或Web 应用程序,我们精心编写了本书。本书对Sencha Touch 2.0版本做了全面的介绍,希望本书能让国内IT届人士能够对Sencha Touch 2.0框架有一个总体性的了解,最终能够利用这个框架开发出属于中国人的HTML 5版本移动设备的Web网站或Web应用程序。

读者对象

根据不同的使用需要,本书适用于以下读者:

对于移动设备Web网站或Web应用程序的开发技术感兴趣的初学者。

准备从事移动设备Web网站或Web应用程序开发的技术人员。

移动设备Web网站或Web应用程序的界面设计者以及相关美工人员。

Web前、后端开发工程师。

移动设备中的Web网站或Web应用程序开发项目的项目管理人员。

开设相关课程的大专院校或培训机构。

如何阅读本书

本书分为三个部分:

第一部分(第1~2章):详细阐述Sencha Touch框架的历史,为什么要选择Sencha Touch框架进行移动设备中的Web网站或Web应用程序的开发,如何下载及使用Sencha Touch框架,如何使用Sencha公司的SDK开发工具来构建应用程序。学习完本部分,读者可以基本掌握使用Sencha Touch框架时必须了解的一些理论知识,包括什么是配置对象及配置选项,如何为Sencha Touch的应用程序使用最基本的配置选项。

第二部分(第3~15章):对Sencha Touch 2.0框架中的布局及各种组件,各组件的配置选项、方法及事件进行全面、具体的阐述,并且使用Sencha Touch 2.0框架开发一个MVC模式的应用程序。学习完本部分,读者能够熟练地对Sencha Touch 2.0框架中的组件使用各种样式、在Sencha Touch 2.0的应用程序中使用自定义样式主题,并且能够结合Sencha Touch 2.0框架的命令行工具及Sencha公司的SDK开发工具,创建及部署一个MVC模式的应用程序。

第三部分(第16章):对一个MVC模式的应用程序的综合案例进行详细剖析。该综合案例基本涵盖了本书各章所涉及的知识,读者可以按照步骤,使用Sencha Touch 2.0框架中的各组件开发一个MVC模式的应用程序,理论联系实际,巩固本书中的所有知识点。

本书的每一章均使用实例进行具体形象的说明,语言通俗易懂,图文并茂。旨在通过详细的代码、实例页面在浏览器中的显示效果,以及用户在页面中执行某种操作后的显示效果,使读者对Sencha Touch 2.0框架中的每一个组件及组件的各配置选项、方法、事件有一个很直观的认识。每个实例的详细代码及用到的脚本文件、各种资源文件都可在华章公司的官方网站(www.hzbook.com)本书的页面下载。本书所有实例代码都经调试运行成功,读者可以对这些代码进行修改,以便观察各种不同设置所产生的效果,加深对实例代码的理解。

勘误和支持

由于笔者的水平有限,加之编写的时间也很仓促,书中出现一些不妥之处在所难免,恳请读者批评指正。笔者QQ号码为240824399,电子邮箱为240824399@qq.com。如果读者有更多的宝贵意见,欢迎通过QQ或邮件与笔者联系,真诚期待能够听到读者的反馈意见。

致谢

感谢机械工业出版社华章公司的所有编辑,感谢杨福川老师的魄力和远见,感谢白宇的细心编辑与校对。你们在这半年多的时间中始终支持我的写作,正是你们的鼓励和帮助才使我顺利完成全部书稿。

谨以此书献给众多热爱Sencha Touch移动开发框架的朋友们,以及IT界致力于移动设备中Web网站及Web应用程序开发的全体同行们。

    

  陆凌牛

 

热门图书
推荐新闻
技术文库
论坛推荐