要在已经创建好的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 页面