- Sencha Touch 教程
- Sencha Touch - 首頁
- Sencha Touch - 概述
- Sencha Touch - 環境
- Sencha Touch - 命名規範
- Sencha Touch - 架構
- Sencha Touch - MVC 解釋
- Sencha Touch - 第一個應用
- Sencha Touch - 構建應用程式
- Sencha Touch - 遷移步驟
- Sencha Touch - 核心概念
- Sencha Touch - 資料
- Sencha Touch - 主題
- Sencha Touch - 裝置配置檔案
- Sencha Touch - 依賴項
- 環境檢測
- Sencha Touch - 事件
- Sencha Touch - 佈局
- Sencha Touch - 歷史與支援
- Sencha Touch - 上傳和下載
- Sencha Touch - 檢視元件
- Sencha Touch - 打包
- Sencha Touch - 最佳實踐
- Sencha Touch 有用資源
- Sencha Touch - 快速指南
- Sencha Touch - 有用資源
- Sencha Touch - 討論
Sencha Touch - 概述
Sencha Touch 是 Sencha 推出的一個流行框架,用於建立移動應用程式的使用者介面。它幫助開發者使用簡單的 HTML、CSS、JS 建立移動應用,支援許多移動裝置,例如 Android、IOS、BlackBerry 和 Windows。它基於 MVC 架構。Sencha Touch 的最新版本是 2.4。
Sencha Touch 的歷史
在釋出 Sencha 的其他產品 ExtJs(用於 Web 應用程式)之後,需要開發一個也適用於移動裝置的框架。
Sencha Touch 的第一個版本是 0.9 測試版,支援 Android 和 IOS 裝置。後來,Sencha Touch 1.0 版本於 2010 年 11 月首次正式釋出,這是第一個穩定版本,也支援 Blackberry 裝置。
Sencha Touch 的最新版本是 2.4 版,於 2015 年 6 月釋出,支援許多裝置,例如 Windows、Tizen 以及 Android、IOS、BlackBerry OS 10、Android 版 Google Chrome 和移動版 Safari 等。
Sencha Touch 的特性
以下是 Sencha Touch 最突出的特性:
可定製且內建 50 多個 UI 小部件,並提供豐富的 UI 集合,例如列表、輪播、表單、選單和工具欄,專門為移動平臺構建。
新版本與舊版本之間的程式碼相容性。
靈活的佈局管理器,有助於在具有不同作業系統的多個移動裝置上組織資料和內容的顯示。
該框架包含一個強大的資料包,可以從任何後端資料來源獲取資料。
自適應佈局、動畫和流暢滾動,為使用者提供更好的移動 Web 應用程式體驗。
開箱即用的原生外觀主題,適用於每個主要平臺,使 Web 和混合應用程式能夠匹配目標平臺的外觀和風格。
Sencha Touch ─ 優勢
Sencha Touch 是企業級 Web 應用程式開發的領先標準。它提供了構建適用於大多數移動裝置的健壯應用程式所需的工具,提供了一個開發應用程式的單一平臺。以下是一些優勢:
提供響應式觸控功能,因此使用者在使用移動應用程式時可以輕鬆導航。
提供與所有最新版本的 IOS、Android、Blackberry 和 Windows 的相容性。
提供任何移動應用程式所需的最快速度。
憑藉其跨平臺相容性,提供經濟高效的解決方案。
基於原生 API 和基本的 Web 開發語言,例如 HTML、CSS、JS,這使得開發者更容易理解 Sencha Touch。
Sencha Touch ─ 限制
Sencha Touch API 不具備以下功能:
應用程式無法訪問裝置的攝像頭、聯絡人以及加速計。
它不提供推送通知功能。為此,我們必須使用 WebSockets 或長輪詢。
根據通用公共許可證政策,開源應用程式免費,但商業應用程式需要付費。
它不適合硬核圖形和動畫應用程式,例如遊戲應用程式。
Sencha Touch ─ 工具
Sencha SDK
這是 Sencha 開發工具包,用於建立專案的骨架。我們使用命令“sencha -sdk path/to/touch generate app appName”來建立一個名為命令中給出的名稱的應用程式。
建立應用程式後,您可以在應用程式中看到以下檔案:
app - 此資料夾包含應用程式的模型、檢視、控制器和儲存檔案。
app.js - 這是應用程式的主要 JS 檔案。從這個檔案開始 Sencha 程式碼流程。
app.json - 這是應用程式的配置檔案,所有配置細節都位於此處。
index.html - 這是主要 html 檔案,我們在此處包含 app.js 和其他與 Sencha 相關的檔案。
package.json - 此檔案包含與應用程式相關的所有依賴項和其他資訊。
resources - 此資料夾包含應用程式所需的所有 CSS 檔案和影像。
Sencha CMD
Sencha CMD 是一個命令列工具,它提供 Sencha Touch 程式碼縮小、腳手架、構建生成以及其他對生產目的有用的功能。
我們使用命令“Sencha app build package”在命令提示符中構建應用程式。在命令提示符中轉到應用程式目錄並鍵入上述命令。構建成功後,我們將看到應用程式的縮小版本,基本上用於生產目的。
可以從 https://www.sencha.com/products/extjs/cmd-download/ 下載
Sencha Inspector
Sencha Inspector 是一個除錯工具,用於在開發過程中除錯 Sencha 程式碼中的任何問題。