20-网页设计Android界面

来源：互联网发布：怎样制作淘宝图文详情编辑：程序博客网时间：2024/04/28 02:39

MainActivity

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.webkit.WebView;public class MainActivity extends Activity {    private WebView webView;    private ContactService contactService;        @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);                webView = (WebView) this.findViewById(R.id.webView);        webView.loadUrl("file:///android_asset/index.html");        webView.getSettings().setJavaScriptEnabled(true);                webView.addJavascriptInterface(new JSObject(), "contact");                contactService = new ContactService();    }        private final class JSObject{        public void call(String phone){    Intent intent = new Intent(Intent.ACTION_CALL, Uri.parse("tel:"+ phone));    startActivity(intent);    }        public void showcontacts(){    //  [{name:"xxx",amount:600,phone:"13988888"},{name:"bb",amount:200,phone:"1398788"}]    try {List<Contact> contacts = contactService.getContacts();JSONArray jsonArray = new JSONArray();for(Contact c : contacts){JSONObject jsonObject = new JSONObject();jsonObject.put("name", c.getName());jsonObject.put("amount", c.getAmount());jsonObject.put("phone", c.getPhone());jsonArray.put(jsonObject);}String json = jsonArray.toString(); // 得到[{name:"xxx",amount:600,phone:"13988888"},{name:"bb",amount:200,phone:"1398788"}]webView.loadUrl("javascript:show('"+ json+ "')");} catch (JSONException e) {e.printStackTrace();}    }    }}

业务bean

package cn.itcast.domain;public class Contact {private Integer id;private String name;private String phone;private Integer amount;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 getPhone() {return phone;}public void setPhone(String phone) {this.phone = phone;}public Integer getAmount() {return amount;}public void setAmount(Integer amount) {this.amount = amount;}public Contact(Integer id, String name, String phone, Integer amount) {this.id = id;this.name = name;this.phone = phone;this.amount = amount;}}

业务方法

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(12, "账目", "13766666666", 13003));        contacts.add(new Contact(23, "速度", "130066006", 122003));        contacts.add(new Contact(98, "安安", "186768768", 10988787));        contacts.add(new Contact(76, "特俗", "1565622566", 1666));        return contacts;    }}index.html放入assert文件夹下

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript">function show(jsondata){//  [{name:"xxx",amount:600,phone:"13988888"},{name:"bb",amount:200,phone:"1398788"}]        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].name;         td2.innerHTML = jsonobjs[y].amount;         td3.innerHTML = "<a href='javascript:contact.call(\""+ jsonobjs[y].phone+ "\")'>"+ jsonobjs[y].phone+ "</a>"; }}</script></head><!-- js代码通过webView调用其插件中的java代码 --><body onload="javascript:contact.showcontacts()">   <table border="0" width="100%" id="personTable" cellspacing="0"><tr><td width="35%">姓名</td><td width="30%" align="center">存款</td><td align="center">电话</td></tr></table><a href="javascript:window.location.reload()">刷新</a></body></html>

main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    ><WebView      android:layout_width="fill_parent"     android:layout_height="fill_parent"     android:id="@+id/webView"    /></LinearLayout>

Androidmanifest.xml

<?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">    <application android:icon="@drawable/icon" android:label="@string/app_name">        <activity android:name=".MainActivity"                  android:label="@string/app_name">            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>    </application>    <uses-sdk android:minSdkVersion="8" /><uses-permission android:name="android.permission.CALL_PHONE"/></manifest>

0 0