Android采用HTML设计软件界面webview

http://www.2cto.com/kf/201302/190712.html

MainActivity.java

[java]

package cn.itcast.html;

import java.util.List;

import org.json.JSONArray;

import org.json.JSONException;

import org.json.JSONObject;

import cn.itcast.domain.Contact;

import cn.itcast.service.ContactService;

import android.app.Activity;

import android.content.Intent;

import android.net.Uri;

import android.os.Bundle;

import android.util.Log;

import android.webkit.WebView;

public class MainActivity extends Activity {

private static final String TAG = "MainActivity";

private ContactService contactService;

private WebView webView;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

contactService = new ContactService();

webView = (WebView)this.findViewById(R.id.webView);

webView.getSettings().setJavaScriptEnabled(true);

webView.addJavascriptInterface(new ContactPlugin(), "contact");

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

webView.loadUrl("http://192.168.1.100:8080/videoweb/index.html");

}

private final class ContactPlugin{

public void getContacts(){

List<Contact> contacts = contactService.getContacts();

try {

JSONArray array = new JSONArray();

for(Contact contact : contacts){

JSONObject item = new JSONObject();

item.put("id", contact.getId());

item.put("name", contact.getName());

item.put("mobile", contact.getMobile());

array.put(item);

}

String json = array.toString();

Log.i(TAG, json);

webView.loadUrl("javascript:show('"+ json +"')");

} catch (JSONException e) {

e.printStackTrace();

}

public void call(String mobile){

Intent intent = new Intent(Intent.ACTION_CALL, Uri.parse("tel:"+ mobile));

startActivity(intent);

}

ContactService.java

[java]

package cn.itcast.service;

import java.util.ArrayList;

import java.util.List;

import cn.itcast.domain.Contact;

public class ContactService {

public List<Contact> getContacts(){

List<Contact> contacts = new ArrayList<Contact>();

contacts.add(new Contact(34, "张孝祥", "1398320333"));

contacts.add(new Contact(39, "冯威", "1332432444"));

contacts.add(new Contact(67, "老毕", "1300320333"));

return contacts;

}

Contact.java

[java]

package cn.itcast.domain;

public class Contact {

private Integer id;

private String name;

private String mobile;

public Integer getId() {

return id;

}

public void setId(Integer id) {

this.id = id;

}

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

public String getMobile() {

return mobile;

}

public void setMobile(String mobile) {

this.mobile = mobile;

}

public Contact(Integer id, String name, String mobile) {

super();

this.id = id;

this.name = name;

this.mobile = mobile;

}

index.html

[html]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Insert title here</title>

function show(jsondata){

var jsonobjs = eval(jsondata);

var table = document.getElementById("personTable");

for(var y=0; y<jsonobjs.length; y++){

var tr = table.insertRow(table.rows.length); //添加一行

//添加三列

var td1 = tr.insertCell(0);

var td2 = tr.insertCell(1);

td2.align = "center";

var td3 = tr.insertCell(2);

td3.align = "center";

//设置列内容和属性

td1.innerHTML = jsonobjs[y].id;

td2.innerHTML = jsonobjs[y].name;

td3.innerHTML = "<a href='javascript:contact.call(\""+ jsonobjs[y].mobile+ "\")'>"+ jsonobjs[y].mobile+ "</a>";

}

</script>

</head>

<tr>

</tr>

</table>

</body>

</html>

[html]

<?xml version="1.0" encoding="utf-8"?>

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

package="cn.itcast.html"

android:versionCode="1"

android:versionName="1.0">

<uses-library android:name="android.test.runner" />

<activity android:name=".MainActivity"

android:label="@string/app_name">

<intent-filter>

</intent-filter>

</activity>

</application>

<uses-sdk android:minSdkVersion="8" />

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

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

<instrumentation android:name="android.test.InstrumentationTestRunner"

android:targetPackage="cn.itcast.html" android:label="Tests for My App" />

</manifest>

posted @ 2015-06-05 00:43 alxe_yu 阅读(156) 评论(0) 收藏举报

刷新页面返回顶部

alxe_yu

Android采用HTML设计软件界面webview

公告