sencha touch 2與phonegap 2.0結合 打包web app

一、下載sencha-touch-2.0.0-gpl和phonegap-phonegap-2dbbdab；

二、在assets（Java EE IDE）下面建立www, 而後在www下面建立js文件夾,以下所示：

三、把sencha-touch-all.js和cordova-2.0.0.js複製到js文件夾下面；

四、在工程目錄下建立libs,把cordova-2.0.0.jar複製到/libs下面；

五、把phonegap-phonegap-2dbbdab\lib\android、Android下面的xml複製到/res下面；

六、下面修改代碼,修改後的代碼以下：

1 package huang.namespace;2 3 /*import android.app.Activity*/; 4 import android.os.Bundle;5 import com.phonegap.*;6 public class FirstAppActivity extends DroidGap {7 /** Called when the activity is first created. */ 8 @Override9 public void onCreate(Bundle savedInstanceState) {10 super.onCreate(savedInstanceState);11 // setContentView(R.layout.main); 12 super.loadUrl("file:///android_asset/www/index.html");13 }14 }

(1)繼承Activity改爲繼承DroidGap；
(2)註釋掉setContentView(R.layout.main);

    添加一行：super.loadUrl("file:///android_asset/www/index.html");
(3)註釋掉import android.app.Activity
(4)添加一行: import com.phonegap.*;
七、在AndroidManifest.xml中添加xml代碼，能夠參考博文：http://www.apkbus.com/android-19083-1-1.html；

八、在js文件夾下面再建立一個LocatCam.js，結果以下圖所示：

LocatCam.js

九、在www下面再建立index.html

index.html

十、把sencha touch 2 下面的resources複製到www下面；

十一、最後運行，能夠看到結果