HTML5和android等开发平台的使用及搭建环境

对HTML5期待很久了，今天有时间也有机会接触一下了，和以前的html4的还是有很多的改变。因为到目前为止html5一些标签对浏览器的支持还不是很完善。但是，开发前景很大，这里先说下起在android上的搭建环境及简单的一个demo!

有过web及css.js基础的朋友们，刚开始学习起来很容易的！

1.准备eclipse

2.sdk

3.adt

前面三个做android开发第一天的同志们应该都很熟悉了，那接下来就是新的东西的注入了！

1.到官网上下载一个phonegap.zip的一个包，解压后会有各个平台的文件夹，打开android中的文件后会发现一个jar.js的文件及一个xml的文件夹。

2.然后就可以建立android项目了，和原先一样的建立，配置会在建好后进行！

3.配置参照下图。

a.在assests文件夹下建立www文件夹。把刚刚解压后的js放入其中，其实这里就是我们要写的html,及放入的js,css等

b.和android一样，应用程序的资源可以放在一个raw的文件夹下，比如音频什么的！当然你放在sd卡或者网或资源都可以

c.就是把刚刚的xml文件夹放在res文件夹下！

d.最后在主配置文件中配置下就OK了！具体的有supports-screens，权限，及activity.可以参考下面的demo.

4.大家可以这么思考，我们既然使用了html来绘制UI那么我们在activity中的setcontextview(）就要被取代了，这里会继承DroidGap取代Activity.

直接surper.load(url);就可以了

代码上传有点延迟：

直接copy几个重要的地方：

主配置文件：

<?xmlversion="1.0"encoding="utf-8"?>

<manifestxmlns:android="http://schemas.android.com/apk/res/android"

package="com.funo.html5.test"

android:versionCode="1"

android:versionname="1.0">

<uses-sdkandroid:minSdkVersion="8"/>

<supports-screens

android:largeScreens="true"

android:normalScreens="true"

android:smallScreens="true"

android:resizeable="true"

android:anyDensity="true"/>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<applicationandroid:icon="@drawable/icon"android:label="@string/app_name">

<activityandroid:name=".Html5Activity"

android:configChanges="orientation|keyboardHidden"

android:label="@string/app_name">

<intent-filter>

<actionandroid:name="android.intent.action.MAIN"/>

<categoryandroid:name="android.intent.category.LAUNCHER"/>

</intent-filter>

</activity>

<activityandroid:name="org.apache.cordova.DroidGap"

android:label="@string/app_name"android:configChanges="orientation|keyboardHidden">

<intent-filter></intent-filter>

</activity>

</application>

</manifest>

这里的权限根据需求增删

。。。。。。。。。。。。。。。。。。。。。。。。。

主Activity

packagecom.funo.html5.test;

importorg.apache.cordova.DroidGap;

importandroid.os.Bundle;

publicclassHtml5ActivityextendsDroidGap{

/**Calledwhentheactivityisfirstcreated.*/

@Override

publicvoidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

//super.loadUrl("file:///android_asset/www/index.html");

//super.loadUrl("file:///android_asset/www/audio.html");

super.loadUrl("http://m.jiazhengsou.com");

}

}