sencha touch api 使用指南

標籤：des   style   blog   http   color   使用   os   io   

本文主要講解如何使用sencha touch的api以及如何查看api中官方樣本源碼

 

前期準備

1.sdk

：http://www.sencha.com/products/touch/download/

填寫對應資訊及郵箱地址點Download即可，你會在郵箱裡面收到下載郵件，所示：

隨意解壓到任意目錄即可，：

 

2.api

：http://docs.sencha.com/

點擊Sencha Guides，會彈出下載介面，選擇Touch進行下載，所示：

 

隨意解壓到任意目錄即可，：

 

在這裡提供一個簡單的運行api的辦法（需要安裝Google瀏覽器）

找到Google瀏覽器安裝目錄，：

 

我這的安裝路徑是C:\Users\修曌\AppData\Local\Google\Chrome\Application

右鍵chrome.exe建立一個捷徑，右鍵捷徑，彈出屬性

在目標中加入以下命令：--disable-web-security，

 

 

關閉所有已經開啟的Google瀏覽器，通過捷徑再次開啟Google瀏覽器

出現以下介面表示成功，

 

將D:\ASPX\touch-docs-2.3.1中的index.html拖入瀏覽器中，

如果不能拖入，可以直接在地址欄中輸入file:///D:/ASPX/touch-docs-2.3.1/index.html，效果，不用搭建iis環境

 

使用api

 如所示，首先我們看到的是一個歡迎介面。在右上方是一個搜尋方塊，我們可以通過關鍵詞來進行搜尋，比如list

選擇第一項

通過左側的功能表列我們可以看到我們進入list的文檔介面，除了通過搜尋欄進入，我們也可以直接通過左側的菜單導航進入此介面

將滑鼠移動到本文標題部分，點擊會出現以下介面

.js檔案就是js源碼，scss是對應的scss源碼，點擊即可進入

標題下方是文檔導航，分為配置導航，樣本導航，方法導航，事件導航，css導航等，右側show按鈕可以配置顯示隱藏哪些方法/屬性.

本文右上是層級說明，表名這個類的繼承層級，已經一些應用的mixins屬性等

在此處list是一個視圖控制項，所以本文首先有一個示範樣本

點擊Code Editor按鈕可以查看簡單的使用源碼，在這裡有多個使用案例

 

之後就是屬性/方法/事件等使用說明

有些屬性/方法/事件會有簡單的使用案例

以Ext.data.Field為例，convert屬性

以list為例，on方法也有使用樣本

 

點擊左上導航，第三個模組

這裡是一些入門資料，建議每個入門者都認真讀一遍

 

點擊左上導航，第四個模組

這裡就是官方的示範樣本了，是比較全的示範樣本

如何查看這些示範樣本的源碼呢？我在api檔案裡面是沒有找到的...，不過我們可以在sdk裡面找

開啟sdk所在目錄，

開啟examples目錄，

這裡就是api裡面示範樣本的源碼了...