PhoneGap を使って Android ｱﾌﾟﾘを作る方法 : 電気ｳﾅｷﾞ的○○ mobile ver.

PhoneGap という､ｸﾛｽﾌﾟﾗｯﾄﾌｫｰﾑ･ﾓﾊﾞｲﾙｱﾌﾟﾘｹｰｼｮﾝ開発ﾌﾚｰﾑﾜｰｸを使って Android ｱﾌﾟﾘｹｰｼｮﾝ作る手順｡

Eclipse で Android ｱﾌﾟﾘの新ﾌﾟﾛｼﾞｪｸﾄ作成｡
PhoneGap ﾃﾞｨﾚｸﾄﾘ\lib\android\cordova-2.7.0.jar を､ﾌﾟﾛｼﾞｪｸﾄの libs 以下にｺﾋﾟｰ(2.7.0 の部分は､使用する PhoneGap のﾊﾞｰｼﾞｮﾝによって異なる)
ﾌﾟﾛｼﾞｪｸﾄの assets ﾌｫﾙﾀﾞの下に www というﾌｫﾙﾀﾞを作成｡
作成した www ﾌｫﾙﾀﾞ以下に､PhoneGap ﾃﾞｨﾚｸﾄﾘ\lib\android\cordova-2.7.0.js をｺﾋﾟｰ｡
ﾌﾟﾛｼﾞｪｸﾄの res ﾃﾞｨﾚｸﾄﾘ以下に､PhoneGap ﾃﾞｨﾚｸﾄﾘ\lib\android\xml ﾌｫﾙﾀﾞをｺﾋﾟｰ｡
ﾌﾟﾛｼﾞｪｸﾄの src ﾌｫﾙﾀﾞ内に MainActivity.java が作成されているので､ｿｰｽｺｰﾄﾞを 4箇所修正する｡
ﾌﾟﾛｼﾞｪｸﾄの AndroidManifest.xml を修正(2箇所)
ﾌﾟﾛｼﾞｪｸﾄの assets/www ﾌｫﾙﾀﾞの下に､HTMLﾌｧｲﾙ(取り敢えず index.html)を作成する｡

MainActivity.java の修正はこんな感じ(修正前の行もｺﾒﾝﾄにして残してある)

import android.os.Bundle;

//import android.app.Activity;

import org.apache.cordova.DroidGap;

import android.view.Menu;

//public class MainActivity extends Activity {

public class MainActivity extends DroidGap {

//protected void onCreate(Bundle savedInstanceState) {

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

//setContentView(R.layout.activity_main);

super.loadUrl("file:///android_asset/www/index.html");

AndroidManifest.xml の修正はこんな感じ｡

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="com.netandfield.denshibooq"

android:versionCode="1"

android:versionName="1.0"

android:windowSoftInputMode="adjustPan" >

android:minSdkVersion="8"

android:targetSdkVersion="17" />

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

android:allowBackup="true"

※ともに､太字のところが修正点｡

あとは､index.html を始めとし､HTML5 と JavaScript でｱﾌﾟﾘを作っていくだけ｡