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,

1
2
3
4
5
6
7
8
9
10
public  class  HomeActivity  extends  CordovaActivity{
 
 
     public  void  onCreate( @Nullable  Bundle savedInstanceState) {
         super .onCreate(savedInstanceState);
         loadUrl(launchUrl);
     }
 
 
}

  

6. 最后在MainActivity中跳转到HomeActivity

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

  MainActivity的完整Code如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
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);
             }
         });
 
     }
     
}

  

1
activity_main 的布局就放了一个按钮
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?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 页面


本文转自Work Hard Work Smart博客园博客,原文链接:http://www.cnblogs.com/linlf03/p/7089503.html,如需转载请自行联系原作者

目录
相关文章
|
4月前
|
Web App开发 移动开发 小程序
"项目中mpaas升级到10.2.3 适配Android 14之后 app中的H5以及小程序都访问不了,
"项目中mpaas升级到10.2.3 适配Android 14之后 app中的H5以及小程序都访问不了,显示“网络不给力,请稍后再试”,预发内网版本不能使用,线上版本可以正常使用,这个是什么原因啊,是某些参数没有配置吗,还是说是一些参数改错了?
57 2
|
4月前
|
XML Java Android开发
Android App开发实战项目之模仿美图秀秀的抠图工具(附源码和演示视频 简单易懂 可直接使用)
Android App开发实战项目之模仿美图秀秀的抠图工具(附源码和演示视频 简单易懂 可直接使用)
46 0
|
4月前
|
XML 前端开发 Java
Android App实战项目之实现手写签名APP功能(附源码,简单易懂 可直接实用)
Android App实战项目之实现手写签名APP功能(附源码,简单易懂 可直接实用)
47 0
|
2月前
|
Java Android开发 C++
安卓SO层开发 -- 第一个NDK项目
安卓SO层开发 -- 第一个NDK项目
16 0
|
2月前
|
Java 开发工具 Android开发
cordova打包android apk
cordova打包android apk
15 0
|
3月前
|
IDE 开发工具 Android开发
Android Studio 下发布项目成APK文件
Android Studio 下发布项目成APK文件
117 1
|
3月前
|
JavaScript Android开发
Cordova 打包 Vue 项目到Android打开白屏
Cordova 打包 Vue 项目到Android打开白屏
|
3月前
|
JavaScript Android开发
Cordova 后台运行 Android APP
Cordova 后台运行 Android APP
|
4月前
|
开发工具 Android开发 开发者
Android 项目编译 Gradle 配置说明
Android 项目编译 Gradle 配置说明
149 0
|
4月前
|
Web App开发 JSON Android开发
【Android App】实战项目之仿微信的视频通话(附源码和演示 超详细必看)
【Android App】实战项目之仿微信的视频通话(附源码和演示 超详细必看)
82 0