Chinaunix首页 | 论坛 | 博客

Android乐园zhangshun.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

iamzhangshun

  • 博客访问： 304516
  • 博文数量： 53
  • 博客积分： 1266
  • 博客等级： 少尉
  • 技术积分： 572
  • 用 户 组： 普通用户
  • 注册时间： 2011-07-16 16:45
文章分类

全部博文（53）

文章存档

2012年（37）

2011年（16）

我的朋友
最近访客
推荐博文
相关博文
WebView控件中的javascript与Androi本地功能交互

分类： 嵌入式

2012-11-29 14:47:27

一、在AndroidManifest.xml中增加权限；
二、在assets文件下创建index.html文件，并写入以下内容

点击(此处)折叠或打开

  1. <html>
  2. <head>
  3. <title>WebView Test</title>
  4. <script type="text/javascript">
  5. var a = true;
  6. function useAndroid(){
  7.     window.testAndroid.clickOnAndroid();
  8. }

  10. function goActivity(){
  11.     window.testAndroid.goActivity();
  12. }

  14. function androidUseJs(){
  15.     var element = document.getElementById('accelerometer');
  16.     if(a){
  17.      element.innerHTML = '让Android激发的';
  18.      a = false;
  19.     }else{
  20.      element.innerHTML = '';
  21.      a = true;
  22.     }
  23. }
  24. </script>
  25. </head>
  26. <body>
  27. <p onclick='useAndroid();'>调用Android功能</p>
  28. <p onclick='goActivity();'>跳转Activity界面</p>
  29. <div id="accelerometer"></div>
  30. </body>
  31. </html>
三、设置主界面的布局文件

点击(此处)折叠或打开

  1. <RelativeLayout xmlns:android=""
  2.     xmlns:tools=""
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent" >

  6.     <WebView android:id="@+id/wv"
  7.     android:layout_width="fill_parent"
  8.     android:layout_height="fill_parent"
  9.     android:text="@string/hello_world"
  10.     />

  12.     <Button
  13.         android:id="@+id/but_js"
  14.         android:layout_width="wrap_content"
  15.         android:layout_height="wrap_content"
  16.         android:layout_alignParentBottom="true"
  17.         android:layout_alignParentLeft="true"
  18.         android:layout_marginLeft="46dp"
  19.         android:text="Android按钮执行js" />

  21. </RelativeLayout>
三、创建一个新的Activity，JaActivity

点击(此处)折叠或打开

  1. package com.example.webviewdemo;

  3. import android.app.Activity;
  4. import android.content.Intent;
  5. import android.os.Bundle;
  6. import android.view.View;
  7. import android.view.View.OnClickListener;
  8. import android.widget.Button;

  10. public class JaActivity extends Activity {

  12.     private Button btn_back;
  13.     private JaActivity self;

  15.     @Override
  16.     public void onCreate(Bundle savedInstanceState) {
  17.         super.onCreate(savedInstanceState);
  18.         setContentView(R.layout.ja);
  19.         self = this;

  21.         btn_back = (Button) this.findViewById(R.id.btn_back);
  22.         btn_back.setOnClickListener(new OnClickListener() {

  24.             public void onClick(View v) {
  25.                 Intent it = new Intent(self, MainActivity.class);
  26.                 self.startActivity(it);
  27.                 self.finish();
  28.             }
  29.         });
  30.     }
  31. }
四、设置新创建Activity的布局，ja.xml

点击(此处)折叠或打开

  1. <RelativeLayout xmlns:android=""
  2.     xmlns:tools=""
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent" >

  6.     <TextView
  7.         android:id="@+id/textView1"
  8.         android:layout_width="wrap_content"
  9.         android:layout_height="wrap_content"
  10.         android:layout_alignParentTop="true"
  11.         android:layout_centerHorizontal="true"
  12.         android:layout_marginTop="47dp"
  13.         android:text="从WebView跳过来" />

  15.     <Button
  16.         android:id="@+id/btn_back"
  17.         android:layout_width="wrap_content"
  18.         android:layout_height="wrap_content"
  19.         android:layout_below="@+id/textView1"
  20.         android:layout_centerHorizontal="true"
  21.         android:layout_marginTop="91dp"
  22.         android:text="返回" />

  24. </RelativeLayout>
以上代码演示了以下功能：
1、javascript调用Android功能；
2、Android调用javascript功能；
3、WebView跳转到Android界面；
4、从Android界面跳转到WebView界面
阅读(7125) | 评论(0) | 转发(0) |
0

上一篇：S201211290001 每日例会纪要

下一篇：S201211300001 每日例会纪要

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6