zoukankan      html  css  js  c++  java
  • Android 使用html做UI的方法js与java的相互调用

    Android 使用html做UI的方法---js与java的相互调用 - ysongren的日志 - 网易博客

    Android 使用html做UI的方法---js与java的相互调用   

    2010-10-21 22:20:41|  分类: android |  标签:  |字号  订阅

    android中的关键代码:

    webview.getSettings().setJavaScriptEnabled(true);

    webview.addJavascriptInterface(object,"name");//把Name="name"的对象添加到object中。object如果是this,就是window.name

    webview.loadUrl("file:///android_asset/index.html");//注意这个资源的位置是跟res并列的文件夹下。

     

    js或html中调用android中方法代码:

             如: 

             或js中 window.name.java中的方法();

    android中调用js的function方法:

             Callfunction(){

          webview.loadUrl("javascript: function ()");

    }

    需要注意的地方,很多数据类型js中不认识,最好是在android那边封装好,提供必要的方法接口。比如传到js中的list,在js中是没办法去得到里面的元素的。

    addJavascriptInterface:addJavascriptInterface方法中要绑定的Java对象及方法要运行在另外的线程中,不能运行在构造他的线程中,也就是说不能运行在当前的activity线程中,就是把这个方法绑定到页面中,js也可以调用

    文档中的解释:


    Use this function to bind an object to Javascript so that the methods can be accessed from Javascript.

    The Java object that is bound runs in another thread and not in the thread that it was constructed in.

    Demo代码:

    JavaJsDemo.java

    package com.demo.android.JavaJsDemo;
    import android.app.Activity;
    import android.os.Bundle;
    import android.webkit.WebView;
    import java.util.ArrayList;
    import java.util.List;
    public class JavaJsDemo extends Activity {
    /** Called when the activity is first created. */
    private WebView web;
    public List<String> list;
    @Override
    public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    initData();
    setContentView(R.layout.main);
    web = (WebView)this.findViewById(R.id.webview);
    //开启javascript设置
    web.getSettings().setJavaScriptEnabled(true);
    //把RIAExample的一个实例添加到js的全局对象window中
    //这样就可以使用window.javatojs来调用它的方法
    web.addJavascriptInterface(this, "javatojs");
    //加载网页
    web.loadUrl("file:///android_asset/index.html");
    }
    void initData(){
    list=new ArrayList<String>();
    for(int i=0;i<5;i++){
    list.add("我是List中的第"+(i+1)+"行");
    }
    }
    /**
    * 该方法将在js脚本中,通过window.javatojs.....()进行调用
    * @return
    */
    public Object getObject(int index){
    return list.get(index);
    }
    public int getSize(){
    return list.size();
    }
    public void Callfunction(){
    web.loadUrl("javascript: GetList()");
    }
    }

    index.html



    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>demotitle>
    <script language="javascript">
    function GetList(){
    var i=window.javatojs.getSize();
    for(var n=0;n<i;n++){
    var jsdata= window.javatojs.getObject(n);//拿到activity里面的属性javadata
    var datalistdiv = document.getElementById("datalist"); //得到页面的div
    pnode = document.createElement("p");//创建一个p标签,再建个textnode
    tnode = document.createTextNode(jsdata);
    pnode.appendChild(tnode);//p中加入数据
    datalistdiv.appendChild(pnode);//div中键入新的p
    }
    }
    script>
    head>
    <body onload="javascript:window.javatojs.Callfunction()">//调用java方法
    <div id = "datalist">
    this is a demo
    div>
    body>
    html>

    后来发现也有个demo,- -!

     

     

     

    http://androidappdocs.appspot.com/resources/articles/using-webviews.html

    参考链接:

    http://blog.csdn.net/partner4java/archive/2010/04/06/5452613.aspx

    http://student.csdn.net/space.php?uid=46868&do=blog&id=22244

    http://androidappdocs.appspot.com/reference/android/webkit/WebView.html

  • 相关阅读:
    AJAX
    Django(cookie和session)
    Django(分页)
    跨站请求伪造和csrf_token使用
    Django(ORM查询联系题)
    Django(ORM查询2)
    Django(ORM查询1)
    Django(ORM常用字段)
    复习
    第二次作业:卷积神经网络 part2
  • 原文地址:https://www.cnblogs.com/lexus/p/2792571.html
Copyright © 2011-2022 走看看