Phonegap Android 项目使用Cordova

时间:2023-03-09 02:33:33
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 页面