Sencha Touch 2 快速入門

2021-06-17 15:42:41 字數 2192 閱讀 1747

什麼是sencha touch?

你需要準備好 安裝

首先,把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命令。比如:

view source

print?

1.$ cd ~/webroot/sencha-touch-2.0.0-gpl/

2.$ sencha

3.sencha command v2.0.0forsencha touch 2

4.

5.......

產生你的第乙個應用

現在,你有了sencha touch和安裝好的sdk tools,於是可以開始生成乙個應用了。保證你仍然在sencha touch sdk目錄下,輸入下列命令:

view source

print?

1.

2.[info] created file /users/nickpoulden/projects/sencha/gs/.senchasdk

3.[info] created file /users/nickpoulden/projects/sencha/gs/index.html

4.

5....

這將會產生乙個叫做gs的sencha touch應用骨架,放在../gs目錄下。骨架應用中包含了所有你建立乙個touch應用所需要的東西,包括預設的index.html,乙份touch sdk的拷貝,css,和打包你的應用所需的配置檔案。

瀏覽**

使用你最喜歡的ide或者文字編輯器開啟gs資料夾。資料夾結構如下:

下面有乙個對於每個檔案和資料夾的簡介:

index.html - 你的應用的html檔案。

packager.json - 配置檔案,用來打包成ios和android應用。

resources - css和。

sdk(touch) - sencha touch sdk的拷貝。你不應該修改這個資料夾中的內容。

launch函式是你應用的入口點。在預設應用下,他將會先隱藏loading畫面,然後建立乙個main檢視的例項,並把它加入viewport。

viewport採用的卡片布局,讓你可以新增元件到目錄中。預設應用新增main檢視到viewport,然後我們看看main檢視的**吧。

view source

print?

1.title:'home tab'

2.title:'woohoo!'

我們還可以修改頁面內容:

view source

print?

1.html: [

2."我修改了預設頁面!!"

3.].join("")

現在,重新整理你的瀏覽器,看看你的修改結果。

sencha touch2 動畫問題

最近在review乙個專案的 發現返回操作比較亂,很多 從 來,到 去的操作 被寫的一塌糊塗 按照ios系統的進場出場動畫 人家的體驗還是很好的,必須借鑑 為標準,使用sencha模擬一套動畫,來看看以下是兩個函式,作為過載 過載跳轉方法 gotofn function activeitem獲取當前...

簡單的分析一下sencha touch2

最近,sencha touch2.0發布。較之前兩個版本,此次做了不小的改動。因為從機器執行的速度就可以體現出來。之前的sencha touch版本在android客戶端執行速度緩慢,最新的2.0版的,可以說實現了質的飛躍。對於新版的特性,我作出了簡單的總結。首先看一下官網給出的解釋吧 提供原生打包...

Boost Graph Library 快速入門

boost graph library 快速入門 by 燕飛龍 南亮亮 採用boost中的鄰接鍊錶 adjacency list 實現圖的定義 下面是乙個鄰接鍊錶定義的例子 include 首先定義圖中節點和邊的屬性 struct vertexproperty structedgeproperty ...