《Sencha Touch跨平台行動裝置應用程式Base on HTML5》



本書提供一個完整的手機應用程式案例，逐步帶領讀者進人Sencha Touch的開發世界，掌握以HTML 5為基礎的Sencha Touch開發跨平臺的行動應用程式。

Sencha Touch與Ext JS擁有相同的架構，會使用Ext JS進行開發，基本上就可以使用Sencha Touch 進行開發。身為一名Ext JS 開發人員，再學會使用Sencha Touch可說是如虎添翼。尤其是在目前行動應用程式開發比較熱門的情況下，擁有這樣的技能，也是進入行動開發領域不錯的選擇。

本書主要以範例的形式來介紹Sencha Touch 的開發過程和元件的使用方法，實用性強；並提供一個完整的手機應用案例，帶領讀者進入Sencha Touch的開發世界，掌握以HTML 5為基礎的Sencha Touch開發跨平臺的行動應用程式。

Sencha Touch跨平台行動裝置應用程式Base on HTML5－目錄導覽說明

• 
  
  前言

  
  
  

  
  
  Chapter 01 Sencha Touch 概述

  
  
  

  
  
  1.1 Sencha Touch 簡介 

  
  
  

  
  
  1.1.1 發展歷史 

  
  
  

  
  
  1.1.2 下載網址 

  
  
  

  
  
  1.1.3 關於授權合約 

  
  
  

  
  
  1.1.4 Sencha Touch 套件的內容 

  
  
  

  
  
  1.2 API 文件 

  
  
  

  
  
  1.2.1 使用線上API 文件 

  
  
  

  
  
  1.2.2 使用本機API 文件 

  
  
  

  
  
  1.3 本書的一些術語 

  
  
  

  
  
  1.4 一些常見的設定項目 

  
  
  

  
  
  1.5 類別的命名規則 

  
  
  

  
  
  1.6 JSON 

  
  
  

  
  
  1.7 關於偵錯 

  
  
  

  
  
  1.8 小結 

  
  
  

  
  
  Chapter 02 MVC 模式 

  
  
  

  
  
  2.1 MVC 模式概述 

  
  
  

  
  
  2.2 元件查詢的機制 

  
  
  

  
  
  2.2.1 元件管理員：Ext.ComponentManager 

  
  
  

  
  
  2.2.2 元件的查詢方式 

  
  
  

  
  
  2.2.3 直接使用id 查詢元件 

  
  
  

  
  
  2.2.4 元件中的查詢 

  
  
  

  
  
  2.3 控制器 

  
  
  

  
  
  2.3.1 模型（models） 

  
  
  

  
  
  2.3.2 stores 

  
  
  

  
  
  2.3.3 視圖（views） 

  
  
  

  
  
  2.3.4 參考（refs） 

  
  
  

  
  
  2.3.5 控制（control） 

  
  
  

  
  
  2.3.6 路由（routes） 

  
  
  

  
  
  2.3.7 init 方法 

  
  
  床尾朝門化煞

  
  
  2.3.8 launch 方法 

  
  
  

  
  
  2.4 小結 

  
  
  

  
  
  Chapter 03 第一個應用程式 

  
  
  

  
  
  3.1 Sencha Cmd v3 

  
  
  

  
  
  3.1.1 下載 

  
  
  

  
  
  3.1.2 安裝 

  
  
  

  
  
  3.1.3 使用Sencha Cmd 來產生第一個應用程式 

  
  
  

  
  
  3.2 FirstApp 應用程式 

  
  
  

  
  
  3.2.1 目錄結構 

  
  
  

  
  
  3.2.2 首頁（index.html） 

  
  
  

  
  
  3.2.3 設定檔：app.json 

  
  
  

  
  
  3.2.4 應用程式開機檔案：app.js 

  
  
  

  
  
  3.2.5 Ext.viewsport 物件

  
  
  

  
  
  3.2.6 樣式檔案：app.css 

  
  
  

  
  
  3.3 存在的問題 

  
  
  

  
  
  3.4 效果測試 

  
  
  

  
  
  3.5 應用程式的產生 

  
  
  

  
  
  3.6 包裝應用程式 

  
  
  

  
  
  3.6.1 包裝設定檔：packager.json 

  
  
  

  
  
  3.6.2 包裝 

  
  
  

  
  
  3.7 小結 

  
  
  

  
  
  Chapter 04 主介面與版面配置 

  
  
  

  
  
  4.1 第一個應用程式的主介面與

  
  
  

  
  
  版面配置 

  
  
  

  
  
  4.2 版面配置 

  
  
  

  
  
  4.2.1 卡片版面配置：Ext.layout.Card 

  
  
  

  
  
  4.2.2 停靠版面配置：Ext.layout.wrapper.BoxDock、Ext.layout.

  
  
  

  
  
  wrapper.Dock

  
  
  

  
  
  4.2.3 自我調整版面配置：Ext.layout.Fit 

  
  
  

  
  
  4.2.4 盒子版面配置：

  
  
  

  
  
  Ext.layout.HBox、Ext.layout.VBox

  
  
  

  
  
  4.3 介面版面配置中常用的元件 

  
  
  

  
  
  4.3.1 容器：Ext.Container

  
  
  

  
  
  4.3.2 標題列：Ext.TitleBar 

  
  
  

  
  
  4.3.3 分段按鈕：Ext.SegmentedButton 

  
  
  

  
  
  4.3.4 導覽視圖：Ext.navigation. viewsviews 

  
  
  

  
  
  4.3.5 標籤面板：Ext.tab.Panel 

  
  
  

  
  
  4.3.6 滑動視圖：Ext.carousel.Carousel 

  
  
  

  
  
  4.4 小結

  
  
  

  
  
  Chapter 05 資料層 

  
  
  

  
  
  5.1 概述 

  
  
  

  
  
  5.2 Ext.Ajax 

  
  
  

  
  
  5.3 跨域問題 

  
  
  

  
  
  5.4 建立模型 

  
  
  

  
  
  5.4.1 欄位：Ext.data.Field 

  
  
  

  
  
  5.4.2 定義id 值 

  
  
  

  
  
  5.4.3 可以自動產生id 的類別 

  
  
  

  
  
  5.4.4 增加驗證：Ext.data.validations 

  
  
  

  
  
  5.4.5 模型之間的關係 

  
  
  

  
  
  5.5 代理 

  
  
  

  
  
  5.5.1 Ext.data.reader.Reader 

  
  
  

  
  
  5.5.2 Ext.data.writer.Writer 

  
  
  

  
  
  5.5.3 擴充代理以實現格式化、標準化、統一化 

  
  
  

  
  
  5.6 store 

  
  
  

  
  
  5.6.1 建立store 

  
  
  

  
  
  5.6.2 載入本機資料 

  
  
  

  
  
  5.6.3 資料操作 

  
  
  

  
  
  5.6.4 自動同步 

  
  
  

  
  
  5.6.5 排序 

  
  
  

  
  
  5.6.6 中文排序的問題 

  
  
  

  
  
  5.6.7 過濾 

  
  
  

  
  
  5.6.8 分組 

  
  
  

  
  
  5.6.9 分頁 

  
  
  

  
  
  5.6.10 樹狀資料 

  
  
  

  
  
  5.7 小結

  
  
  

  
  
  Chapter 06 範本與資料視圖 

  
  
  

  
  
  6.1 基本範本：Ext.Template 

  
  
  

  
  
  6.2 進階範本：Ext.XTemplate 

  
  
  

  
  
  6.2.1 自動填充功能 

  
  
  

  
  
  6.2.2 使用判斷敘述 

  
  
  

  
  
  6.2.3 使用子範本 

  
  
  

  
  
  6.3 資料視圖：Ext.dataview.Dataviews 

  
  
  

  
  
  6.3.1 基本的資料視圖使用 

  
  
  

  
  
  6.3.2 多選模式 

  
  
  

  
  
  6.3.3 帶元件的資料視圖 

  
  
  

  
  
  6.4 選擇器：Ext.picker.Picker 

  
  
  

  
  
  6.4.1 基本用法 

  
  
  

  
  
  6.4.2 沒有工具列的選取效果 

  
  
  

  
  
  6.4.3 多插槽的選擇器 

  
  
  

  
  
  6.5 列表：Ext.dataview.List 

  
  
  

  
  
  6.5.1 基本用法 

  
  
  

  
  
  6.5.2 分組的列表 

  
  
  

  
  
  6.5.3 使用索引條的清單 

  
  
  

  
  
  6.5.4 具有Disclosure 功能的列表 

  
  
  

  
  
  6.5.5 翻頁外掛程式：Ext.plugin.ListPaging 

  
  
  

前言

Sencha Touch 目前的市面上中文版的書不多，但同樣也是行動開發框架的jQuery Mobile 有好幾本。不知道是推廣問題，還是知名度Ext JS 較大，在國外比較熱的Sencha Touch 框架，在國內居然比較冷門。或許是中文資料的匱乏，也是一個原因吧。因而，本書希望能增加大家對Sencha Touch 的了解，深入學習如何使用Sencha Touch 進行開發。

Sencha Touch 其實是與Ext JS 同架構的框架，會使用Ext JS 進行開發，基本上就可以使用Sencha Touch 進行開發。作為一名Ext JS 開發人員，學習使用SenchaTouch 的開發，可算得是錦上添花。尤其是在目前行動應用程式開發比較熱門的情況下，擁有這樣的技能，也是進入行動開發領域不錯的選擇。

希望本書能作為一本拋磚引玉的書，為開發行動領域的應用程式提供一把鑰匙。

本書的開發環境

本書的開發環境主要包含以下幾點：

◎作業系統：Window 7

◎ Web 伺服器：Window 7 附帶的IIS

◎ 開發工具：UltraEdit

◎ 瀏覽器：Chorme 27.0.1453.116 m

為了能不受系統本身環境的影響，在使用Sencha Cmd 和Android 虛擬機器的時候，專門使用虛擬機器架設了一個乾淨的Window 7 系統進行安裝和使用。如果在本機安裝和使用Sencha Cmd 和Android 虛擬機器碰到處理不了的錯誤的時候，建議也使用虛擬機器架設一個乾淨的Window 7 系統再進行安裝和使用，以避免本身環境的影響。

本書針對的讀者

本書主要是以範例的形式來介紹Sencha Touch 的開發過程和元件的使用方法，實用性比較強，適合希望立刻就能上手使用Sencha Touch 進行開發的讀者。對已經熟悉Sencha Touch 開發的老手來說，本書更可作為參考。

如何閱讀本書

這是一本實戰性很強的書，在閱讀的時候，希望讀者能架設好對應的平台，邊閱讀邊實作，在完成本書閱讀的同時，也親身體驗一下Sencha Touch 的開發過程。

語言：中文繁體
規格：平裝
分級：普級
開數：23*17
頁數：464

出版地：台灣