發布時間:2016-05-05 19:50:59編輯發布:一網天行APP小程序軟件開發公司 瀏覽量:
Sencha Touch使得你可以便捷地創造一個基于HTML5的手機應用,支持Android、iOS和黑莓等設備,并且在瀏覽器中創造原生APP般的體驗。
你需要準備好
首先,你需要下載免費的Sencha Touch 2 SDK 和 SDK Tools (或者Sencha Cmd ) 。你還需要:
一個本地的web server
安裝
首先,把SDK壓縮包解壓到你的項目目錄。最好,這個目錄可以被你的HTTP服務器訪問。比如,你可以從你瀏覽器訪問 http://localhost/sencha-touch-* 來訪問Sencha Touch的文檔。
你還需要運行SDK Tools( Sencha Cmd,注意SDK Tools 和 Sencha Cmd只需要安裝一個,在我的機器上,Sencha Cmd工作更加正常)安裝程序。SDK Tools會在你的PATH環境變量中增加sencha命令行工具,你可以用它來產生一個全新的模板應用。為了檢查你的SDK tools是否安裝好,切到你的Sencha Touch目錄,輸入sencha命令。比如:
2.$ sencha3.Sencha Command v2.0.0 for Sencha Touch 24.Copyright (c) 2012 Sencha Inc.5.......注意:你必須在下載好的SDK文件夾或者產生好的Touch app目錄中使用sencha命令
產生你的第一個應用
現在,你有了Sencha Touch和安裝好的SDK tools,于是可以開始生成一個應用了。保證你仍然在Sencha Touch SDK目錄下,輸入下列命令:
2.[INFO] Created file /Users/nickpoulden/Projects/sencha/GS/.senchasdk3.[INFO] Created file /Users/nickpoulden/Projects/sencha/GS/index.html4.[INFO] Created file /Users/nickpoulden/Projects/sencha/GS/app.js5....這將會產生一個叫做GS的Sencha Touch應用骨架,放在../GS目錄下。骨架應用中包含了所有你創建一個Touch應用所需要的東西,包括默認的index.html,一份Touch SDK的拷貝,CSS,圖片和打包你的應用所需的配置文件。
讓我們檢查一下你的應用是否生成成功。假設你的SDK位于webroot文件夾,你應該能從http://localhost/GS看到默認app:

瀏覽代碼
使用你最喜歡的IDE或者文本編輯器打開GS文件夾。文件夾結構如下:

下面有一個對于每個文件和文件夾的簡介:
打開app.js,你應用的主入口點。

launch函數是你應用的入口點。在默認應用下,他將會先隱藏loading畫面,然后創建一個Main視圖的實例,并把它加入Viewport。
Viewport采用的卡片布局,讓你可以添加元件到目錄中。默認應用添加Main視圖到viewport,然后我們看看Main視圖的代碼吧。
打開app/view/Main.js,我們可以修改title屬性:
2.title: 'Woohoo!'我們還可以修改頁面內容:
現在,刷新你的瀏覽器,看看你的修改結果。
下一篇
北京網站建設公司是怎么做優化的北京
濟南
成都
西安
