寫一次程式碼,執行在所有移動平臺
http://abloz.com author:周海漢 date:2012.4.26
ios,android,windows phone,symbian四個主流移動平臺,程式碼相差較大,往往需要幾套人馬來開發各不同平臺的內容。一直想,如果有一個類似網頁開發的平臺,開發一次,就像應用一樣在各不同智慧手機上執行,那該多好! 正好有這麼一個專案,Apache 的哥多華(cordova)平臺下的phonegap,可以滿足這樣的期望。而且還超出期望,除了支援上述四個主流智慧平臺,還支援black berry,hp的webos,甚至三星的基於linux的bada移動平臺。而且能生成各平臺獨立的安裝程式,可以在各大應用市場上進行推廣。
安裝phonegap 啟動Eclipse,然後在選單“File”下選擇新建android專案,取名hellopgap 在生成的專案根目錄下建 /libs /assets/www 兩個目錄 將解壓的phonegap的libandroid下的cordova-1.7.0rc1.js拷貝到/assets/www 將xml目錄拷貝到hellopgap下的/res目錄 將cordova-1.7.0rc1.jar拷貝到/libs下面 重新整理eclipse專案,將libs下的cordova-1.7.0rc1.jar,add to build path
程式碼修改 根據不同的phonegap版本,可能不完全一樣。 到2012.4.26最新的程式碼修改方法:
修改com.abloz.hellogap下的HellopgapActivity.java 註釋import android.app.Activity 增加import org.apache.cordova.*; 將Activity改為DroidGap 註釋setContentView(R.layout.main); 增加 super.loadUrl(“file:///android_asset/www/index.html”); 如下所示:
package com.abloz.hellogap;
//import android.app.Activity;
import android.os.Bundle;
import org.apache.cordova.*;
public class HellopgapActivity extends DroidGap {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
super.loadUrl("file:///android_asset/www/index.html");
//setContentView(R.layout.main);
}
}
在/assets/www下新建index.html 複製如下程式碼:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>你好,世界!</title>
<meta name="author" content="周海漢" />
<script type="text/javascript" charset="utf-8" src="cordova-1.7.0rc1.js"></script>
</head>
<body>
<h1>你好,移動世界!</h1>
</body>
</html>
你好,移動世界!
修改 AndroidManifest.xml 增加
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
和
<activity android:name="org.apache.cordova.DroidGap" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden">
<intent-filter> </intent-filter>
</activity>
</application>
並修改第一個Activity的屬性,增加 android:configChanges=”orientation|keyboardHidden” 最終如下:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.abloz.hellogap"
android:versionCode="1"
android:versionName="1.0" >
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-sdk android:minSdkVersion="10" />
<application
android:icon="@drawable/ic_launcher"
android:label="@string/app_name" >
<activity
android:name=".HellopgapActivity"
android:label="@string/app_name"
android:configChanges="orientation|keyboardHidden"
>
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name="org.apache.cordova.DroidGap" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden">
<intent-filter> </intent-filter>
</activity>
</application>
</manifest>
執行 在專案上右鍵,執行為android application,會在模擬器或手機中看到全屏的Hello world幾個打字。 並且bin下也生成了hellopgap.apk。這是我的google galaxy nexus上執行的畫面: 參考: 下載:http://phonegap.com/download 入門示例:http://phonegap.com/start 原始碼:https://github.com/phonegap/phonegap 中文網站:http://www.phonegap.cn 阿帕奇哥多華平臺:http://incubator.apache.org/cordova/
如非註明轉載, 均為原創. 本站遵循知識共享CC協議,轉載請註明來源