什麼是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.0
for
sencha 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 ...