Sencha Touch 实战

书籍目录

目    录

第1章  Sencha Touch概述
1

1.1  Sencha Touch简介
1

1.1.1  发展历史
1

1.1.2  下载地址
2

1.1.3  关于许可协议
3

1.1.4  Sencha Touch包的内容
4

1.2  API文档
4

1.2.1  使用在线API文档
4

1.2.2  使用本地API文档
7

1.3  本书的一些术语
7

1.4  一些常见的配置项
8

1.5  类的命名规则
8

1.6  JSON
9

1.7  关于调试
10

1.8  小结
10

第2章  MVC模式
11

2.1  MVC模式概述
11

2.2  组件查询的机制
12

2.2.1  组件管理器：Ext.ComponentManager
12

2.2.2  组件的查询方式
14

2.2.3  直接使用id查询组件
16

2.2.4  组件中的查询
17

2.3  控制器
19

2.3.1  模型（models）
20

2.3.2  stores
20

2.3.3  视图（views）
21

2.3.4  引用（refs）
21

2.3.5  控制（control）
22

2.3.6  路由（routes）
23

2.3.7  init方法
24

2.3.8  launch方法
24

2.4  小结
24

第3章  第一个应用程序
25

3.1  Sencha Cmd v3
25

3.1.1  下载
25

3.1.2  安装
26

3.1.3  使用Sencha Cmd来生成第一个应用程序
28

3.2  FirstApp应用程序
33

3.2.1  目录结构
34

3.2.2  首页（index.html）
35

3.2.3  配置文件：app.json
39

3.2.4  应用程序启动文件：app.js
44

3.2.5  Ext.viewsport对象
47

3.2.6  样式文件：app.css
47

3.3  存在的问题
47

3.4  效果测试
48

3.5  应用程序的生成
54

3.6  打包应用程序
59

3.6.1  打包配置文件：packager.json
59

3.6.2  打包
65

3.7  小结
77

第4章  主界面与布局
78

4.1  第一个应用程序的主界面与布局
78

4.2  布局
80

4.2.1  卡片布局：Ext.layout.Card
80

4.2.2  停靠布局：Ext.layout.wrapper.BoxDock、Ext.layout.wrapper.Dock
96

4.2.3  自适应布局：Ext.layout.Fit
97

4.2.4  盒子布局：Ext.layout.HBox、Ext.layout.VBox
97

4.3  界面布局中常用的组件
97

4.3.1  容器：Ext.Container
97

4.3.2  标题栏：Ext.TitleBar
98

4.3.3  分段按钮：Ext.SegmentedButton
98

4.3.4  导航视图：Ext.navigation.viewsviews
99

4.3.5  标签面板：Ext.tab.Panel
99

4.3.6  滑动视图：Ext.carousel.Carousel
102

4.4  小结
107

第5章  数据层
108

5.1  概述
108

5.2  Ext.Ajax
108

5.3  跨域问题
112

5.4  创建模型
113

5.4.1  字段：Ext.data.Field
114

5.4.2  定义id值
115

5.4.3  可以自动生成id的类
115

5.4.4  添加验证：Ext.data.validations
116

5.4.5  模型之间的关系
117

5.5  代理
118

5.5.1  Ext.data.reader.Reader
119

5.5.2  Ext.data.writer.Writer
123

5.5.3  扩展代理以实现格式化、标准化、统一化
125

5.6  store
126

5.6.1  创建store
126

5.6.2  加载本地数据
128

5.6.3  数据操作
129

5.6.4  自动同步
134

5.6.5  排序
134

5.6.6  中文排序的问题
135

5.6.7  过滤
136

5.6.8  分组
136

5.6.9  分页
136

5.6.10  树状数据
137

5.7  小结
137

第6章  模板与数据视图
138

6.1  基本模板：Ext.Template
138

6.2  高级模板：Ext.XTemplate
140

6.2.1  自动填充功能
141

6.2.2  使用判断语句
142

6.2.3  使用子模板
143

6.3  数据视图：Ext.dataview.Dataviews
144

6.3.1  基本的数据视图使用
144

6.3.2  多选模式
146

6.3.3  带组件的数据视图
146

6.4  选择器：Ext.picker.Picker
153

6.4.1  基本用法
154

6.4.2  没有工具条的选取效果
156

6.4.3  多插槽的选择器
157

6.5  列表：Ext.dataview.List
167

6.5.1  基本用法
167

6.5.2  分组的列表
170

6.5.3  使用索引条的列表
171

6.5.4  具有Disclosure功能的列表
172

6.5.5  翻页插件：Ext.plugin.ListPaging
173

6.6  嵌套列表：Ext.dataview.NestedList
175

6.7  小结
180

第7章  表单
181

7.1  表单面板
181

7.1.1  setValues和getValues方法
181

7.1.2  setRecord、updateRecord和getRecord方法
184

7.1.3  表单的提交
185

7.2  在表单内对元素进行分组：Ext.form.FieldSet
187

7.3  表单字段
187

7.3.1  文本字段：Ext.field.Text
188

7.3.2  数字字段：Ext.field.Number
189

7.3.3  多行文本字段：Ext.field.TextArea
189

7.3.4  隐藏字段：Ext.field.Hidden
189

7.3.5  密码字段：Ext.field.Password
189

7.3.6  电子邮件字段：Ext.field.Email
190

7.3.7  网址字段：Ext.field.Url
190

7.3.8  搜索字段：Ext.field.Search
190

7.3.9  复选字段：Ext.field.Checkbox
190

7.3.10  单选字段：Ext.field.Radio
191

7.3.11  微调字段：Ext.field.Spinner
191

7.3.12  滑块字段：Ext.field.Slider
192

7.3.13  切换字段：Ext.field.Toggle
193

7.3.14  日期选择字段：Ext.field.DatePicker
193

7.3.15  选择字段：Ext.field.Select
194

7.4  记事本
199

7.5  小结
214

第8章  其他的一些常用组件
215

8.1  面板：Ext.Panel
215

8.2  工具栏：Ext.Toolbar
217

8.2.1  按钮：Ext.Button
217

8.2.2  在工具栏的组件之间设置空白间隔：Ext.Spacer
219

8.3  信息窗口：Ext.MessageBox
220

8.4  操作列表：Ext.ActionSheet
220

8.5  图片：Ext.Img
223

8.6  动画功能：Ext.Anim
223

8.7  小结
224

第9章  音频和视频
225

9.1  音频：Ext.Audio
225

9.2  视频：Ext.Video
226

9.3  “我的音乐”播放器
226

9.3.1  前期工作
226

9.3.2  创建模型和store
226

9.3.3  设计主界面
232

9.3.4  “歌手”标签页
233

9.3.5  分类标签页
240

9.3.6  播放列表标签页
241

9.3.7  播放标签页
244

9.4  小结
258

第10章  原生API
259

10.1  原生API概述
259

10.2  获取设备连接信息和设备信息
259

10.3  使用通知
260

10.4  获取通讯录
261

10.5  SQLite
261

10.6  相机功能
261

10.6.1  基本用法
262

10.6.2  上传图片
264

10.7  获取地理位置
266

10.8  获取方向变化
267

10.9  小结
269

第11章  地图
270

11.1  创建应用程序
270

11.2  基本配置
270

11.3  地图的设置
271

11.4  定位
273

11.5  搜索地点功能
275

11.6  更多的功能
279

11.7  小结
280

第12章  多配置的应用程序
281

12.1  基本流程
281

12.2  定义配置文件
281

12.3  配制Phone界面
283

12.4  配置Tablet主界面
283

12.5  完成新增功能
288

12.6  编辑和删除功能
290

12.7  小结
292

第13章  综合应用——创建“我的商店”应用程序
293

13.1  京东商城的主要界面
293

13.2  创建应用程序
294

13.3  主界面
294

13.4  首页标签页
295

13.4.1  滑动视图第一页
297

13.4.2  产品列表视图
303

13.4.3  产品信息视图
312

13.4.4  掌上秒杀列表
326

13.4.5  功能按钮
326

13.4.6  搜索按钮
335

13.4.7  “逛”功能
335

13.4.8  滑动视图第二页
338

13.5  搜索标签页
340

13.6  分类标签页
357

13.7  购物车
367

13.8  “我的商店”标签页
376

13.9  “更多”标签页
386

13.10  小结
386

作者简介

Sencha框架是第一个基于HTML 5的移动应用框架，可以让Web应用看起来像网络应用。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML 5和CSS 3的 Web标准，全面兼容Android和iOS设备。本书从实用开发的角度，详细讲解了Sencha Touch的开发过程及基本组件的使用。全书共分13章，前3章主要讲解如何搭建Sencha Touch的开发环境，第4章~第12章主要以实例的形式介绍了Sencha Touch组件的使用方法，第13章通过模仿一个原生应用程序介绍了Sencha Touch是如何开发复杂应用程序的。

本书注重应用，突出实战，示例丰富，适合希望立刻就能上手使用Sencha Touch进行开发的新手和有一定开发经验的人员。

 Sencha Touch 实战下载