プログラミングの勉強をしよう@Wiki
プログラミングの勉強をしよう@Wiki

雛形作成

概要

雛形作成


準備

Android SDKの雛形作成と同様の方法でプロジェクトを作成する


手順

指定したプロジェクトのlibs直下に解凍したフォルダの「lib/android/cordova-2.7.0.jar（バージョンに依存）」をコピー


指定したプロジェクトのassets直下にwwwフォルダを作成


wwwフォルダの直下に「lib/androidcordova-2.7.0.js（バージョンに依存）」をコピー


resフォルダ配下に「lib/xml」のxmlフォルダをまるごとコピー


アクティビティのソースコードを変更

package app.example.sample;
 
import android.os.Bundle;
import android.view.Menu;
import org.apache.cordova.DroidGap;
 
public class MainActivity extends DroidGap  {
 
    @Override
    public  void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
    }
 
 
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
 
}
 
 

「AndroidManifest.xml」を編集

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="app.example.sample"
    android:versionCode="1"
    android:versionName="1.0" 
    android:windowSoftInputMode="adjustPan">
 
    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />
 
    <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" />
 
    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="app.example.sample.MainActivity"
            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>
    </application>
 
</manifest>
 
 

www配下に「index.html」を追加


index.htmlを編集

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>PhoneGap</title>
  </head>
  <body>
    <h1>index.html PhoneGap Hello World</h1>
    <br />
    <div>
             これはPhoneGapのテストです。
    </div>
  </body>
</html>
 
 

ビルド


「雛形作成」をウィキ内検索
最終更新：2013年05月12日 18:12