adt配置支持html5的移动web app开发环境

来源:互联网 发布:c 编程打印九九乘法表 编辑:程序博客网 时间:2024/05/17 02:19

如果想在android adt上配置支持html5的移动web开发环境,就离不开已下插件

1.gef插件,用来支持配置htmleditor插件。自己网上找资源下载。

2.htmleditor插件,html编辑器。点此下载

3.phoneGap插件api,html5web app开发框架。点此下载

4.谷歌支持html5的编辑器插件。

安装好这几个插件就可以进行开发了。

按照顺序安装这四个插件,其中1,2,只需要从下载的包里边,将对应的features和plugins两个文件夹里边的文件拷贝到对应的dat->eclipse->对应的问价里边即可。

3的操作:

(1)下载好phonegap,如图




(2)将里边的phonegap-1.0.0.jar拷贝到android项目的libs文件夹下,并配置环境,如图



(3)将里边的phonegap-1.0.0.js加到assets->www文件夹中,没有的话就创建文件夹。如图



(4)将phonegap文件夹里边的的xml文件夹拷贝到项目res文件夹里边,在此就不做截图演示了,

(5)在项目的AndroidManiFest.xml文件里加上如下代码:

<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" />

<uses-permission android:name="android.permission.BROADCAST_STICKY" />


  <supports-screens

    android:largeScreens="true"

    android:normalScreens="true"

    android:smallScreens="true"

    android:resizeable="true"

    android:anyDensity="true"

    />

在对应的application标签里加上一个和activity同级的标签

<activity 

    android:name="org.apache.cordova.DroidGap" 

    android:label="@string/app_name" 

    android:configChanges="orientation|keyboardHidden"> 

接下来在对应的activity页面里边,将初始界面改成如下图样式,其中index.html是在对应的文件夹下床架的html文件。

  至此,第三步已经完成,此时可以编辑html文件和使用phonegapAPI,但是无法识别html5新的标签。

4的操作:

这步的东西需要我们从adt的软件中下载,下载链接是http://download.aptana.com/studio3/plugin/install。

操作步骤是adt中help->install new software->add,将链接添加到location的位置,name不需要写,然后确定,安装,如图 

下载好后重启adt,然后

在Window菜单中找到Preferences,打开的菜单中左边的树中展开General,找到editor
点击File Associations,然后在上边选择要设置的文件后缀名,在下边找到aptana相应的编辑器,然后点“default”即可完成默认的设置了。

如图

如此,完成安装,可以使用了。




0 0
原创粉丝点击