新書推薦:
《
画楼:《北洋画报》忆旧(年轮丛书)
》
售價:NT$
1573.0
《
大国脊梁:漫画版
》
售價:NT$
374.0
《
跟着渤海小吏读历史:大唐气象(全三册)
》
售價:NT$
989.0
《
心智的构建:大脑如何创造我们的精神世界
》
售價:NT$
352.0
《
美国小史(揭秘“美国何以成为美国”,理解美国的经典入门读物)
》
售價:NT$
352.0
《
中国古代北方民族史丛书——东胡史
》
售價:NT$
576.0
《
巨人传(插图珍藏本)
》
售價:NT$
3289.0
《
地下(村上春树沙林毒气事件的长篇纪实)
》
售價:NT$
332.0
|
編輯推薦: |
iv
·资深HTML5专家根据Sencha Touch最新版撰写,对Sencha
Touch的所有功能、特性、使用方法和开发技巧进行了全面而深入的讲解,是系统学习Sencha Touch的权威参考书
·以实践为导向,不仅为每个知识点配备了精巧的小案例,而且还设计了可操作性极强的综合性案例
|
內容簡介: |
如何才能全面而透彻地理解和掌握移动应用开发框架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模式的综合应用案例并对它进行了详细的剖析,该案例涵盖了本书各章中所涉及的大部分知识点,读者可以根据书中的步骤进行实践操作,理论联系实际,以巩固所学的理论知识。
|
關於作者: |
陆凌牛
资深Web开发工程师、软件开发工程师和系统设计师。从事Web开发多年,对各种Web开发技术(包括前端和后端)都有非常深入的研究,经验极其丰富。HTML
5和CSS 3等新技术的先驱者和布道者,不仅对HTML 5与CSS 3有非常深入的研究,而且对Sencha
Touch等移动应用开发框架也有非常深刻的认识,并且付诸了大量实践。同时,他还擅长微软与Java的相关技术,在C#、VB.NET、ASP.NET、SQL
Server 、Oracle、Java、Struts、Spring、Hibernate等方面也积累大量的实战经验。
此外,他还是一位颇有影响力的技术作家。处女作《HMTL 5与CSS
3权威指南》凭借优质的内容获得了读者广泛的好评,被读者誉为“系统学习HTML 5与CSS
3的最佳选择”和“Web前端工程师案头必备图书之一”;第二本著作《HTML
5开发精要与案例详解》不仅在内容上延续了前一本书的精彩,而其同样也取得了非常好的口碑和销量。
|
目錄:
|
前 言
第一部分 准备篇
第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 本章小结
|
內容試閱:
|
第一部分
准备篇
第1章 Sencha Touch 2.0概述
第2章 Sencha Touch 2.0基础知识
第1章 Sencha Touch 2.0概述
本章讲述Sencha Touch 框架的基本概念及使用Sencha
Touch能够开发什么样的Web应用程序。同时介绍如何下载与安装Sencha Touch
2.0框架的运行环境,以及如何利用Sencha Touch 2.0框架来开发与编译一个供移动设备专用的Web应用程序。
1.1 认识Sencha Touch
当开发一个Web应用程序的时候,在正式编写第一行代码之前,我们首先需要考虑很多方面的因素,做出很多个决定。例如,是为台式计算机开发Web应用程序,还是为移动设备开发Web应用程序;选择什么语言来开发Web应用程序;需不需要使用一个框架来开发Web应用程序等。这些问题并没有所谓的正确答案,完全取决于我们的实际需要。但是,当我们准备为移动设备开发一个Web应用程序的时候,Sencha
Touch框架可能会是一个很不错的选择。
1.1.1 Sencha Touch框架的特性
Sencha Touch框架是世界上第一个基于HTML 5的Mobile
App框架。在Sencha Touch这个名词中,包括了两个组成部分,其中Sencha的前身为著名的AJAX框架Ext
JS。2010年6月,Ext JS项目与触摸屏代码库项目jQTouch和SVG处理库Raphael合并,后两个项目的创始人David
Kaneda和Dmitry Baranovskiy也加入了Ext
JS,同时Ext项目背后的商业公司ExtJS,LLC.也改名为Sencha(日语“煎茶”,是日本流行的一种绿茶),合并后推出的框架被正式命名为Sencha
Touch框架。
使用Sencha Touch框架,可以使你的Web应用程序从界面上看起来就像一个本地应用程序。Sencha
Touch框架中提供了许多漂亮的用户界面组件与丰富的数据管理功能,支持最新的HTML 5与CSS
3标准,可以为当今流行的Android手机、iPhone、iPad等很多移动设备开发Web应用程序,开发者可以将开发完毕的应用程序发布到Internet上或手机应用商店中。
根据Sencha
Touch框架开发者的描述,新命名的Sencha框架已经正式成为一个强大的JavaScript框架。在该框架中,复制了几乎所有的本地应用程序的界面特性。同时,Sencha
Touch是一个非常强大的、专门用来为便携设备开发Web应用程序的框架,可以使用它开发出一个具有本地应用程序界面的、非常复杂的Web应用程序。
Sencha Touch具有以下特性:
支持最新的HTML 5功能与CSS 3功能。
支持与全面兼容iPhone、iPad与Android手机等各种移动设备。
为iOS与Android分别提供了两套主题。
提供了增强的触摸事件管理功能。在touchstart、touchend等标准事件基础上,增加了一组自定义事件管理功能,如tap、swipe、pinch、rotate等。
提供增强的数据集成功能。提供了强大的数据包,通过AJAX、JsonP、YQL等方式绑定到组件模板,写入本地离线存储设备。
提供增强的动画特效功能。
1.1.2 Sencha Touch 2.0中的新特性
2012年2月,Sencha公司推出Sencha Touch 2.0版本,新版本的Sencha
Touch开发框架提供如下特性。
1.更快的布局引擎
新版本的Sencha
Touch提供了一种更灵活的布局体制,使开发者可以更加方便地将应用程序布局在各种移动设备中。此外,它使用一种更加快速的布局引擎,这主要体现在以下几个方面:
在启动时,应用程序的渲染与布局更加快速。
当移动设备的手持方向发生改变(横向显示变为竖向显示,或竖向显示变为横向显示)时,屏幕的更新将更加快速。
布局引擎本身的体积变得更小,所以在下载它时也会更加快速。
在应用程序运行时,弹出窗口、提示信息框或进行页面切换等与渲染相关的操作都更加快速。
2. 更强、更小的内核
Sencha Touch是在Ext JS的基础上发展而来,所以在Ext JS 4中实现的一些新的特性也被引入到Sencha
Touch中,包括以下几点:
更新了类的体系,支持类的动态加载及引用,支持智能编译。支持智能编译意味着可以指定编译后的应用程序中只使用哪些类、mixin以及配置选项。
|
|