android基础--采用HTML实现软件界面

来源：互联网发布：linux cp命令详解编辑：程序博客网时间：2024/05/16 17:13

可以直接修改网页不用更新客户端

public class MainActivity extends Activity {

private WebView webView;

private ContactService contactService ;

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能支持js

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

webView.loadUrl("file:///android_asset/index.html");//根据路径载入网页

}

private final class JSObject{

public void showContact(){

JSONArray jsonArray;

try {

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

jsonArray = new JSONArray();

for(Contact contact:contacts){

JSONObject jsonObject = new JSONObject();

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

jsonObject.put("amount", contact.getAmount());

jsonObject.put("phone", contact.getPhone());

jsonArray.put(jsonObject);

String json = jsonArray.toString();

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

}

} catch (Exception e) {

e.printStackTrace();

}

public void call(String phone){

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

startActivity(intent);

}

Index.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){// "[{name:"xxx",amount:90,phone:"1339940444"},{name:"bbb",amount:90,phone:"1339940444"}]"

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>

<tr>

</tr>

</table>

</body>

</html>

一个javabean 。。。

一个service

public class ContactService {

public List<Contact> getContacts(){

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

contacts.add(new Contact(22, "小A", "123",111111));

contacts.add(new Contact(22, "小b", "223",222222));

contacts.add(new Contact(22, "小c", "323",333333));

return contacts;

}