1. 程式人生 > >寫一次程式碼,執行在所有移動平臺

寫一次程式碼,執行在所有移動平臺

2012-04-26

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協議,轉載請註明來源