phoneGap-Android开发环境搭建

来源:互联网 发布:旺角揸fit人 知乎 编辑:程序博客网 时间:2024/05/16 07:29

phoneGap-Android开发环境搭建

参考 http://www.cnblogs.com/shawn-xie/archive/2012/08/15/2638480.html

0.jdk 

java -version

javac -version

如何上面的某个命令不能运行(找不到),就必须配置环境变量。

配置环境变量

java_home="C:\Program Files\Java\jdk1.8.0_05"

classpath='.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar'

path =%java_home%\bin;%path%


1.安装adt;

2.下载phonegap包

http://phonegap.com/install/

2.1.安装nodejs和phonegap/cordova

nodejs

npm list -g

  cordova@3.4.0-0.1.3

  phonegap-build@0.8.4

npm install -g phonegap 安装

2.2.phonegap archive下载

里面有我们要用到的3个文件和文件夹

但是很悲剧2.9.1修改了

没有phonegap.js, 有cordova.js(就用这个好了,不过据说有区别,要看官方文档)

没有cordova.jar,有源代码

方法一:

将“phonegap-2.9.1\lib\android\framework\src”里面的“com”和“org”文件夹复制到项目的“src”文件夹下,就可以了。

方法二:

下载“cordova-2.9.1.jar”,http://download.csdn.net/detail/workceo/7279415

或者你熟悉一点点java的话,就可以自己动手:

  把framework里面src目录下面的两个源代码编译为class文件再做成jar包就好了,其实就是一个java项目的build为jar的过程了。


npm root -g cordova  安装路径

npm update cordova升级

npm help install

npm help update

3.adt中使用phonegap

3.0.adt安装插件

3.0.1.GEF

3.0.2.SVN

3.0.3.apatana3

3.0.4.http://www.7edown.com/downpage.asp?id=26278

安装相应插件:

1.安装wtp,方便web开发
打开菜单help->Install new Software,单击“add..”按钮,弹出框的name和location都填入“http://download.eclipse.org/webtools/updates/”,等待一会,勾选“Web Tools Platform (WTP) 3.1.2”

2.安装“java decompiler”
打开菜单help->Install new Software,单击“add..”按钮,弹出框的name和location都填入“http://java.decompiler.free.fr/jd-eclipse/update”,等待一会,勾选“Java Decompiler Eclipse Plug-in”,按向导进行安装。

相关配置:
1.统一设置为utf-8编码,Window->Preferences->General->Workspace->Text file encoding->Other->UTF-8。

2.修改jsp等默认编码为utf-8,打开Window->Preferences->Web->Jsp Files,修改右面的encoding为(utf-8)。

3.统一设置为utf-8编码,Window->Preferences->General->Content Types,在右面选择“Text”,在default encoding输入“UTF-8”,点“update”按钮更新。

经过配置后,所有的新建的java、jsp、txt、html、xml、文件夹等编码都是utf-8,这样在jsp、html等文件中设定编码为utf-8,可以避免乱码。



3.1.new an android project

 3.2. add cordova.jar to lib folder

 3.3. add a new folder "www" under assets(here we place cordova.js and index.html)

我们可以参考phonegap包里面的example和framework目录

3.4.修改android项目的配置文件AndroidManifest.xml

3.4.1.  AndroidManifest.xml文件中加入相应的supports-screens,uses-permission和uses-feature。

3.4.2.将以下内容添加到AndroidManifest.xml文件的activity标签中:

android:configChanges="orientation|keyboardHidden

这是为了保证机器在横竖屏切换的时候不会重新执行Activity的onCreate方法;

最后看起来像这样:

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.example.hellophonegap"    android:versionCode="1"    android:versionName="1.0" >    <supports-screens        android:anyDensity="true"        android:largeScreens="true"        android:normalScreens="true"        android:resizeable="true"        android:smallScreens="true" />    <!-- android:xlargeScreens="true" screen supported only after Android-9 -->    <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.INTERNET" />    <uses-permission android:name="android.permission.READ_PHONE_STATE" />    <uses-permission android:name="android.permission.RECEIVE_SMS" />    <uses-permission android:name="android.permission.RECORD_AUDIO" />    <uses-permission android:name="android.permission.RECORD_VIDEO" />    <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-permission android:name="android.permission.GET_ACCOUNTS" />    <uses-permission android:name="android.permission.BROADCAST_STICKY" />    <uses-feature android:name="android.hardware.camera" />    <uses-feature android:name="android.hardware.camera.autofocus" />    <uses-sdk        android:minSdkVersion="8"        android:targetSdkVersion="19" />    <application        android:allowBackup="true"        android:icon="@drawable/ic_launcher"        android:label="@string/app_name"        android:theme="@style/AppTheme" >        <activity            android:name="com.example.hellophonegap.MainActivity"            android:configChanges="orientation|keyboardHidden"            android:label="@string/app_name" >            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>    </application></manifest>

3.5.

.最后再修改下src下的Java主文件(如果没有就自己创建一个),我们要做以下几件事:

 1)添加import com.phonegap.*;
2)删掉import android.app.Activity;
3)修改MainActivity的基类,这里将MainActivity继承为DroidGap;
4)onCreate()方法
修改onCreate()方法为public
把setContentView()这行替换为super.loadUrl("file:///android_asset/www/index.html");
5)最后看起来就像这样:
package com.example.hellophonegap;//import android.app.Activity;import org.apache.cordova.DroidGap;import android.app.Fragment;import android.os.Bundle;import android.view.LayoutInflater;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.view.ViewGroup;public class MainActivity extends DroidGap {    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);//        setContentView(R.layout.activity_main);        super.loadUrl("file:///android_asset/www/index.html");//        if (savedInstanceState == null) {//            getFragmentManager().beginTransaction()//                    .add(R.id.container, new PlaceholderFragment())//                    .commit();//        }    }    @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;    }    @Override    public boolean onOptionsItemSelected(MenuItem item) {        // Handle action bar item clicks here. The action bar will        // automatically handle clicks on the Home/Up button, so long        // as you specify a parent activity in AndroidManifest.xml.        int id = item.getItemId();        if (id == R.id.action_settings) {            return true;        }        return super.onOptionsItemSelected(item);    }    /**     * A placeholder fragment containing a simple view.     */    public static class PlaceholderFragment extends Fragment {        public PlaceholderFragment() {        }        @Override        public View onCreateView(LayoutInflater inflater, ViewGroup container,                Bundle savedInstanceState) {            View rootView = inflater.inflate(R.layout.fragment_main, container, false);            return rootView;        }    }}





0 0
原创粉丝点击