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 几个重要的地方：
主配置文件：
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.funo.html5.test"
      android:versionCode="1"
      android:versionName="1.0">
    <uses-sdk android:minSdkVersion="8" />

<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" />
  <uses-permission android:name="android.permission.BROADCAST_STICKY" />

    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".Html5Activity"
         android:configChanges="orientation|keyboardHidden"
         android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name="org.apache.cordova.DroidGap"
        android:label="@string/app_name" android:configChanges="orientation|keyboardHidden">
        <intent-filter></intent-filter>
        </activity>
    </application>
</manifest>
这里的权限根据需求增删
。。。。。。。。。。。。。。。。。。。。。。。。。
主Activity
package com.funo.html5.test;

import org.apache.cordova.DroidGap;
import android.os.Bundle;

public class Html5Activity extends DroidGap {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
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");

}
}

评论

1 楼 trx999 2012-04-24  

DroidGap应该extend了WebView类。其实归根结底基类还是View
   只是用的显示方式不同而已。HTML5和android同开发还没开始。呵呵
多多交流！