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");

}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值