调用html进行android布局

1. [代码]html代码     
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
        function show(josndata){
            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:itcast.call(\""+ jsonobjs[y].mobile+ "\")‘>"+jsonobjs[y].mobile+"</a>"; 
            }
        }
    </script>
  </head>
    <!-- js代码通过webView调用其插件中的java -->
  <body >
    <table border="0" width="100%" id="personTable" cellpadding="0">
        <tr bgcolor="#E6F3FF"> 
            <td width="20%">编号</td>
            <td width="40%" align="center">姓名</td>
            <td align="center">电话</td>
        </tr>
    </table>
    <a href="javascript:window.location.reload()">刷新</a>
  </body>
</html>
2. [代码]静态赋值

package org.itcast.service;
 
import java.util.ArrayList;
import java.util.List;
 
import org.itcast.domain.Contact;
 
public class ContactService {
    public List<Contact> getContacts() throws Exception{
        List<Contact> contacts = new ArrayList<Contact>();
        contacts.add(new Contact(1,"xx","1254154741"));
        contacts.add(new Contact(2,"qq","548745141"));
        contacts.add(new Contact(21,"ss","13545874514"));
        return contacts;
         
    }
}
3. [代码]实体类

package org.itcast.domain;
 
public class Contact {
    private Integer id;
    private String name;
    private String moblie;
     
     
    public Contact() {
        super();
    }
     
     
    public Contact(Integer id, String name, String moblie) {
        super();
        this.id = id;
        this.name = name;
        this.moblie = moblie;
    }
 
 
    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 getMoblie() {
        return moblie;
    }
    public void setMoblie(String moblie) {
        this.moblie = moblie;
    }
     
     
}
4. [代码][Java]代码  
package org.itcast.ui;
 
import java.util.List;
 
import org.itcast.domain.Contact;
import org.itcast.service.ContactService;
import org.json.JSONArray;
import org.json.JSONObject;
http://www.huiyi8.com/hunsha/hanshi/?
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 HtmlUIActivity extends Activity {
    private WebView webView;
    private ContactService service;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        service = new ContactService();
        webView =(WebView)this.findViewById(R.id.webView);
        webView.getSettings().setJavaScriptEnabled(true);//打开js功能,使浏览器能使用脚本功能
        webView.addJavascriptInterface(new ContactPlugin(), "itcast");//为浏览器安装js插件,其中interfaceName表示是一个类名,调用js时都是interfaceName.xx();
        webView.loadUrl("file:///android_asset/index.html");
    }
    private class ContactPlugin{
        public void getContacts() throws Exception{
            List<Contact> contacts = service.getContacts();//得到联系人数据
            JSONArray array = new JSONArray();
            for (Contact contact :contacts) {
                JSONObject item = new JSONObject();
                item.put("id", contact.getId());
                item.put("moblie", contact.getMoblie());
                item.put("name", contact.getName());
                array.put(item);
            }
            String json = array.toString();//转成json字符串
            Log.i("HtmlUIActivity",json);
            webView.loadUrl("javascript:itcast.show(‘"+json+"‘)");
        }
        public void call(String moblie){
            Intent intent =new Intent(Intent.ACTION_CALL,Uri.parse("tel:"+moblie));
            startActivity(intent);
        }
    }
}

时间: 2024-07-30 10:23:07

调用html进行android布局的相关文章

3.addView调用之后导致子布局的android:layout_width=&quot;match_parent&quot;属性或者 android:layout_width=&quot;fll_parent&quot;属性无效。

典型错误案例: 经常我们会通过addView方法,动态添加一些子布局,比如下面的一段代码. LinearLayout linParent = (LinearLayout) findViewById(R.id.aty_slider_linParent); View vChild = mInflater.inflate(R.layout.view_loding, null); linParent.addView(vChild); view_loading是一个布局文件: <?xml version=

android 布局之滑动探究 scrollTo 和 scrollBy 方法使用说明

涉及到滑动,就涉及到VIEW,大家都知道,android的UI界面都是由一个一个的View以及View的派生类组成,View作为基类,而常用的布局里面的各种布局就是它派生出来的ViewGroup的子类,ViewGroup作为各个组件的容器搭建了整体的UI.以下是android UI的结构示示意图: 查看源码 /** * Implement this to do your drawing. * * @param canvas the canvas on which the background w

Android布局优化

Android影响布局性能主要是Overdraw(过度绘制),表现在重叠不可见元素的重复绘制会产生额外的开销. Overdraw以颜色划分等级:蓝色:Overdraw1倍:绿色:Overdraw2倍:浅红:Overdraw3倍:暗红;Overdraw4倍以上(需要进行优化). Android布局优化解决措施: 1.合理选择控件 LinearLayout简单易用,效率高,但是使用范围有限. RelativeLayout较复杂,使用范围广,效率稍差. 2.去掉windows默认背景 去掉window

Android 布局详解

Android 布局详解 1.重用布局 当一个布局文件被多处使用时,最好<include>标签来重用布局. 例如:workspace_screen.xml的布局文件,在另一个布局文件中被重复使用三次,那么可使用如下的布局代码: <LinearLayout androd:layout_width=”fill_parent” androd:layout_height=”fill_parent” > <!-- 引用三次workspace_screen --> <incl

【Android】Android布局文件的一些属性值

第一类:属性值 true或者 false android:layout_centerHrizontal 水平居中android:layout_centerVertical 垂直居中android:layout_centerInparent 相对于父元素完全居中android:layout_alignParentBottom 贴紧父元素的下边缘android:layout_alignParentLeft 贴紧父元素的左边缘android:layout_alignParentRight 贴紧父元素的

Android布局文件的加载过程分析:Activity.setContentView()源码分析

大家都知道在Activity的onCreate()中调用Activity.setContent()方法可以加载布局文件以设置该Activity的显示界面.本文将从setContentView()的源码谈起,分析布局文件加载所涉及到的调用链.本文所用的源码为android-19. Step 1  .Activity.setContentView(intresId) public void setContentView(int layoutResID) { getWindow().setConten

Android布局的优化

在Android开发中,我们常用的布局方式主要有LinearLayout.RelativeLayout.FrameLayout等,通过这些布局我们可以实现各种各样的界面.与此同时,如何正确.高效的使用这些布局方式来组织UI控件,是我们构建优秀Android App的主要前提之一.本篇内容就主要围绕Android布局优化来讨论在日常开发中我们使用常用布局需要注意的一些方面,同时介绍一款SDK自带的UI性能检测工具HierarchyViewer. 布局原则 通过一些惯用.有效的布局原则,我们可以制作

Android布局优化:include 、merge、ViewStub的详细总结

本篇博客主要是对上篇博客的补充Android性能优化之UI渲染性能优化, 没有什么新东西,觉得应该是都掌握的玩意,写出来也只是自己做个小小的总结. 一.include的用法以及注意点 在开发Android布局时,我们常将一些通用的视图提取到一个单独的layout文件中,然后使用<include>标签在需要使用的其他layout布局文件中加载进来,比如我们自己App导航栏等.这样,便于对相同视图内容进行统一的控制管理,提高布局重用性. 下面我们以大部分项目中都有的头部导航栏为例,说明一下incl

Android布局---相对布局

Android布局分为五大类:相对布局.线性布局.表格布局.帧布局.网格布局 相对布局 语法格式: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmls:tools=""http://schemas.android.com/tools android:layout_width=" " android:layout_height=&quo