目 錄
第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
· · · · · · (
收起)