Phonegap Android 項目使用Cordova

要在已經建立好的Android項目裏，使用Cordova。

1. 首先在Android Studio中建立Android項目

 

2. 建立cordova項目

cordova crate test com.example test

建立cordova項目的目的是爲了在Android項目中使用cordova生成的文件.

而後增長android平臺  cordova platform add android

 

3. 導入CordovaLib

File->New->Import Module

選擇CordovaLib, 這個類庫是建立cordva項目時生成的

 

4. 將cordova項目的platform/android/assets/www文件拷貝到咱們本身建立的android assets路徑下

    複製res/xml下的config.xml文件到android下面的res/xml下.

 

5. 使用cordova類庫

建立Activity,繼承自CordovaActivity,

如

public class HomeActivity extends CordovaActivity{


    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        loadUrl(launchUrl);
    }


}

　　

6. 最後在MainActivity中跳轉到HomeActivity

                Intent intent = new Intent(MainActivity.this, HomeActivity.class);
                startActivity(intent);

　　MainActivity的完整Code以下:

public class MainActivity extends Activity {


    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Button switchPage = (Button)findViewById(R.id.btn_switch_page);
        switchPage.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(MainActivity.this, HomeActivity.class);
                startActivity(intent);
            }
        });

    }
    
}

　　

activity_main 的佈局就放了一個按鈕

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.androidwithcordova.MainActivity">

     <Button
         android:id="@+id/btn_switch_page"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:onClick="switchPage()"
         android:text="切換頁面"/>

</RelativeLayout>

　　最後點擊切換頁面按鈕,進入HomeActivity 頁面