登录 立即注册
安币:

安卓巴士 - 安卓开发 - Android开发 - 安卓 - 移动互联网门户

查看: 221|回复: 5

浅谈Android程序与JavaScript脚本的交互,浅谈医院后勤管理

[复制链接]

327

主题

685

帖子

734

安币

手工艺人

发表于 2018-1-11 15:50:23 | 显示全部楼层 |阅读模式

        我们都知道,手机时代的来临的主要标志是啥?能够方便的接入互联网!互联网展现给我们的方式一般都是网页,网页中又必不可少的拥有javascript,所以说,android提供对javascript的支持那是迫在眉睫了,幸好,android早就给我们提供了无缝连接。让我们可以通过android与javascript进行交互。

        我们的应用很简单,如图:

        

        我们有一个输入框,旁边有个按钮,点击按钮就会提示我们输入的内容。当然这只是html中最简单的程序了,但是你将这个程序放入android手机中访问下试试,它是不会进行提示的。要想让其以android的形式提示用户,我们就需要用到android和javascript的交互。对了,这里展示的是一个网页哦,代码如下:

        js.html

[Java] 查看源文件 复制代码
<html> 
<head> 
<title>js交互android</title> 
<mce:script type="text/javascript"><!-- 
  
 function show(){ 
 var a = document.getelementbyid("text").value; 
 alert(a); 
  
 } 
// --></mce:script> 
</head> 
<body> 
<form action=""> 
 <input type="text" id="text" value=""/> 
 <input type="button" id="button" onclick="window.chenzheng_java.show()" value="clickme"/> 
 
</form> 
 
</body> 
</html> 

        再看看我们的activity代码:

[Java] 查看源文件 复制代码
package cn.com.chenzheng_java.js; 
 
import android.app.activity; 
import android.os.bundle; 
import android.os.handler; 
import android.util.log; 
import android.webkit.jsresult; 
import android.webkit.webchromeclient; 
import android.webkit.websettings; 
import android.webkit.webview; 
import android.widget.toast; 
 
public class javascriptactivity extends activity { 
 webview webview; 
 handler handler = new handler(); 
 
 @override 
 public void oncreate(bundle savedinstancestate) { 
  super.oncreate(savedinstancestate); 
  setcontentview(r.layout.main); 
 
  webview = (webview) findviewbyid(r.id.webview1); 
  /** 
   * websettings 保存着webview中的状态信息。当webview第一次被创建时,websetting中 
   * 存储的都为默认值。websetting和webview是一一绑定的。如果webview被销毁了,那么 
   * 我们再次调用websetting中的方法时,会抛出异常。 
   */ 
  websettings websettings = webview.getsettings(); 
  websettings.setjavascriptenabled(true); 
  webview.loadurl("file:///data/js.html"); 
 
  /*** 
   *webchromeclient是一个比较神奇的东西,其里面提供了一系列的方法, 
   *分别作用于我们的javascript代码调用特定方法时执行,我们一般在其内部 
   *将javascript形式的展示切换为android的形式。 
   * 例如:我们重写了onjsalert方法,那么当页面中需要弹出alert窗口时,便 
   * 会执行我们的代码,按照我们的toast的形式提示用户。 
   */ 
  class mywebchromeclient extends webchromeclient { 
 
   @override 
   public boolean onjsalert(webview view, string url, string message, 
     jsresult result) { 
    toast.maketext(getapplicationcontext(), message, 
      toast.length_long).show(); 
    return true; 
   } 
 
  } 
 
  webview.setwebchromeclient(new mywebchromeclient()); 
  /* 
   * 为javascript提供一个回调的接口,这里要注意,一定要在单独的线程中实现,要不会阻塞线程的 
   * addjavascriptinterface(object obj, string interfacename) 
   * obj代表一个java对象,这里我们一般会实现一个自己的类,类里面提供我们要提供给javascript访问的方法 
   * interfacename则是访问我们在obj中声明的方法时候所用到的js对象,调用模式为window.interfacename.方法名() 
   */ 
  webview.addjavascriptinterface(new object() { 
 
   public void show() { 
    handler.post(new runnable() { 
     @override 
     public void run() { 
      log.i("通知", "调用了该方法哦"); 
      /* 
       * 通过webview.loadurl("javascript:xxx")方式就可以调用当前网页中的名称 
       * 为xxx的javascript方法 
       */ 
      webview.loadurl("javascript:show()"); 
     } 
    }); 
 
   } 
 
  }, "chenzheng_java"); 
 
 } 
} 

        
注意:

        1)为了让webview从apk文件中加载assets,android sdk提供了一个schema,前缀为"file:///android_asset/"。webview遇到这样的schema,就去当前包中的assets目录中找内容。如上面的"file:///android_asset/demo.html"

        2)addjavascriptinterface方法中要绑定的java对象及方法要运行另外的线程中,不能运行在构造他的线程中,这也是使用handler的目的。

        3)如果你要访问网络,请在androidmanifest.xml中加上权限<uses-permission android:name="android.permission.internet"></uses-permission>

        api
我们在程序中可以看到,android访问网页以及与javascript交互主要用到了这么几个类:

        webview :我们可以认为它就是一个浏览器,会对用户访问的网址进行解析,下载,渲染……,然后返回给用户一个网页。 其内部使用的是webkit渲染引擎,它还包含了一些我们经常使用的功能,比如放大、缩小网页(需要在websetting中先设置websettings.setbuiltinzoomcontrols(boolean));前进、后退……。

         默认情况下,webview对javascript和页面的错误都是忽略的。很多时候,如果我们想要加载一个uri,可能我们更多的会使用这种形式:

        uri uri = uri.parse("http://www.example.com"); intent intent = new intent(intent.action_view, uri); startactivity(intent);

        api中为我们提供了一个通过webview加载页面的例子,

        

        我们可以看到,主要有loadurl()和loaddata()方法。这里请注意各个参数的含义哦、

        拓展

        此外,android还为我们提供了一些类来辅助我们的webview的使用。

        webviewclient:

        。webviewclient就是帮助webview处理各种通知、请求事件的,具体来说包括:



  

    1.  onloadresource:通知webview加载url指定的资源时触发


  

    2.  onpagestart:页面开始加载时触发


  

    3.  onpagefinish:页面加载完毕时触发


  

    4.  onreceiveerror:出现错误时触发


  

    5.  webchromeclient:

        webchromeclient是辅助webview处理javascript的对话框,网站图标,网站title,加载进度等



  

    1.  onclosewindow(关闭webview)


  

    2.  oncreatewindow()


  

    3.  onjsalert (webview上alert是弹不出来东西的,需要定制你的webchromeclient处理弹出)


  

    4.  onjsprompt


  

    5.  onjsconfirm


  

    6.  onprogresschanged


  

    7.  onreceivedicon


  

    8.  onreceivedtitle

        api中提供给我们一个实例:

        

        websetting:和webview是一一绑定的,控制webview的一些基础设置信息,如是否识别javascript,网页是否可放大缩小等。

        如果我们想通过webview进行历史网页查看时,一定要注意,先通过如下方法判断下是否可执行该操作才好:

        

        然后就可通过



  

    1. voidgoback()


  

    2. voidgobackorforward(int steps)
  


  

    3. voidgoforward()



1

主题

8946

帖子

2924

安币

Android大神

Rank: 6Rank: 6

发表于 2018-1-13 02:31:25 | 显示全部楼层
楼主是好人,回个帖会有安币吗?

14

主题

1万

帖子

3913

安币

码皇(巴士元老)

Rank: 8Rank: 8

发表于 2018-1-14 04:40:54 | 显示全部楼层
楼主威武,以后多发干货,多办活动~!

0

主题

9043

帖子

2412

安币

Android大神

Rank: 6Rank: 6

发表于 2018-1-14 21:29:45 | 显示全部楼层
帮帮顶顶!!

20

主题

8965

帖子

2365

安币

Android大神

Rank: 6Rank: 6

发表于 2018-1-15 09:33:37 | 显示全部楼层
感谢分享,楼主V5~

9

主题

9159

帖子

1827

安币

Android大神

Rank: 6Rank: 6

QQ达人

发表于 2018-1-15 19:49:34 | 显示全部楼层
感谢大神~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站长推荐

通过邮件订阅最新安卓weekly信息
上一条 /4 下一条

下载安卓巴士客户端

全国最大的安卓开发者社区
联系我们
关闭
合作电话:
15618560077
Email:
805941275@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| 下载客户端|申请友链|手机版|站点统计|安卓巴士 ( 粤ICP备15117877号 )

快速回复 返回顶部 返回列表