首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2013-11-08 
HTML5和android等开发平台的使用及搭建环境对HTML5期待很久了,今天有时间也有机会接触一下了,和以前的html

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

}
}

热点排行