sencha touch api 使用指南


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

 

前期准備

1.sdk

下載地址:http://www.sencha.com/products/touch/download/

填寫對應信息及郵箱地址點Download即可,你會在郵箱里面收到下載郵件,如圖所示:

隨意解壓到任意目錄即可,如圖所示:

 

2.api

下載地址:http://docs.sencha.com/

點擊Sencha Guides,會彈出下載界面,選擇Touch進行下載,如圖所示:

 

隨意解壓到任意目錄即可,如圖所示:

 

在這里提供一個簡單的運行api的辦法(需要安裝谷歌瀏覽器)

找到谷歌瀏覽器安裝目錄,如圖所示:

 

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

右鍵chrome.exe創建一個快捷方式,右鍵快捷方式,彈出屬性

在目標中加入以下命令:--disable-web-security如圖:

 

 

關閉所有已經打開的谷歌瀏覽器,通過快捷方式再次打開谷歌瀏覽器

出現以下界面表示成功,如圖:

 

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是一個視圖控件,所以正文首先有一個演示示例

點擊按鈕可以查看簡單的使用源碼,在這里有多個使用案例

 

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

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

Ext.data.Field為例,convert屬性

以list為例,on方法也有使用示例

 

點擊左上導航,第三個模塊

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

 

點擊左上導航,第四個模塊

這里就是官方的演示示例了,是比較全的演示示例

如何查看這些演示示例的源碼呢?我在api文件里面是沒有找到的...,不過我們可以在sdk里面找

打開sdk所在目錄,如圖

打開examples目錄,如圖

這里就是api里面演示示例的源碼了...

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM