广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 软件专业 > 前端开发专业 > 正文

怎么利用eclipse和cordova开发应用?_惠州前端培训学校

作者:alu发布时间:2022-03-24分类:前端开发专业浏览:603


导读:怎么利用eclipse和cordova开发应用?相信这是每个学习前端的同学都会遇到的问题,下面我们一起来看看惠州北大青鸟老师是怎么回答的。

怎么利用eclipse和cordova开发应用?相信这是每个学习前端的同学都会遇到的问题,下面我们一起来看看惠州北大青鸟老师是怎么回答的。

第一步:用eclipse新建个android应用;

用eclipse新建个android应用

然后就一个劲的狂点下一步,直到项目创建成功!这里我们可以看到项目上有错误提示和感叹号什么的,我们暂且不管,到最后这些问题都将迎刃而解。

eclipse

到这一步,你的android项目已经创建完毕了,接下来,咱就是要开始配置cordova的一些文件了。

第二部:cordova文件配置,下面我是采用copy的形式来配置,至于参考文件,在最后会给出下载链接。

1、首先,我们需要在assets目录下新建www目录,并新建个index.html网页文件,不用说,我想大家也应该猜到,这就是咱们程序的入口文件,至于里面怎么写,那就随意了,毕竟咱这是测试。

2、从参考目录中拷贝cordova-2.9.0.jar文件到libs目录。

3、android配置文件修改,打开AndroidManifest.xml,将如下代码拷贝到如下图指定位置:


<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<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.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<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" />

AndroidManifest.xml

4、修改MainActivity.java文件,打开如下目录下的文件:

修改MainActivity.java文件

打开后删除里面除了第一句之外的所有代码:

代码

然后将如下代码拷贝到后面


import android.os.Bundle;
//import android.app.Activity;
import android.view.Menu;
import org.apache.cordova.*;
//import com.example.hellomobileword.R;
public class MainActivity extends DroidGap {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);    
super.setIntegerProperty("splashscreen", R.drawable.splash_sn);
super.setIntegerProperty("loadUrlTimeoutValue", 60000);
// 3s后splash关闭
super.loadUrl("file:///android_asset/www/index.html", 2000);
}
@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;
}
}

如下图:

代码

很明显,这里有一个报错,因为还少一张splash图片,也就是程序一打开时候显示的图片,只需要copy一张图片放到如下目录即可。

目录

到这一步就算功德圆满,成功的创建了项目,接下来,咱们一起在模拟器上看下效果

完成

以上就是全过程!

想学前端,联系在线客服,或者可以来惠州北大青鸟新方舟校区详细了解。

标签:惠州前端培训学校惠州前端基础惠州前端培训北大青鸟IT计算机学校北大青鸟IT软件学校前端北大青鸟IT学校惠州北大青鸟北大青鸟


前端开发专业排行
标签列表
网站分类
文章归档
最近发表