Android与JS混编(js调用android相机)

  

参考android相机调用,http://blog.csdn.net/yanzi1225627/article/details/33028041/,谢谢

相机怎么调用就不做赘述了,下面是js调用相机的代码:

java:

 1 **
 2  * Created by Administrator on 2016/6/24 0024.
 3  */
 4 public class QRCodeHtmlActivity extends Activity {
 5     /**
 6      * 网页
 7      */
 8     private WebView wvQRCode;
 9     @Override
10     protected void onCreate(Bundle savedInstanceState) {
11         super.onCreate(savedInstanceState);
12         setContentView(R.layout.activity_html_qrcode);
13         initView();
14         setWebView();
15     }
16
17     private void initView() {
18         wvQRCode = (WebView) findViewById(R.id.wv_qrcode);
19     }
20
21     /**
22      * 设置网页
23      */
24     private void setWebView(){
25         //允许JavaScript执行
26         wvQRCode.getSettings().setJavaScriptEnabled(true);
27         //向js传递对象
28         wvQRCode.addJavascriptInterface(new ShowCamera(),"camera");
29         //不会node的小伙伴可以保存到assets
30         //wvQRCode.loadUrl("file:///android_asset/QRCode.html");
31         //访问网页
32         wvQRCode.loadUrl("http://192.168.253.1:3000/htmls/QRCode.html");
33     }
34     public final class ShowCamera {
35         //Html调用此方法传递数据,注解一定要留着否则会出错
36         @JavascriptInterface
37         public void showCamera() {
38             Intent intent = new Intent(QRCodeHtmlActivity.this, QRCodeSurfaceActivity.class);
39             //调用打开相机的界面
40             QRCodeHtmlActivity.this.startActivity(intent);
41         }
42     }
43 }

html:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title>二维码调用</title>
 6     <script type="text/javascript">
 7         function showQRCode() {
 8             window.camera.showCamera();
 9         }
10     </script>
11 </head>
12 <body>
13 <h3>本例子是点击按钮调用相机扫描二维码</h3>
14 <input type="button" name="" value="点击调用" onclick="javascript:showQRCode()"/>
15 </body>
16 </html>

github: https://github.com/weifengzz/AndroidJSQRCode

时间: 2024-10-27 14:02:54

Android与JS混编(js调用android相机)的相关文章

Android与JS混编(多图选择器)

   github: https://github.com/weifengzz/AndroidJSSelectImg

Android调用系统相机获取返回数据

由于项目需要调用相机,实现上传照片,例如微博,微信中功能.Android中可以非常轻松的调用系统相机,并返回Bitmap数据,但有一点不足,它返回的Bitmap尺寸很小,清晰度不够,这问题将稍后解决.下面通过代码演示. 1.界面布局 res/layout 定义一个简单布局,一个Button和ImageView,分别用于跳转系统相机Activity和显示系统相机返回数据. 1 <LinearLayout xmlns:android="http://schemas.android.com/ap

在webView 中使用JS 调用 Android / IOS的函数 Function

最近做一个项目,混合了NativeCode 和 HTML,为了便于JS 调用App的一些方法,统一封装一个Js方法,记录如下 Android 端首先要再WebView中允许JS的调用 WebView myWebView = (WebView) findViewById(R.id.webview); WebSettings webSettings = myWebView.getSettings(); webSettings.setJavaScriptEnabled(true); myWebView

WebView中JS调用Android Method 遇到的坑整理

WebView是android中常用的一个组件,其作用是展示网页,并让网页和android app进行一些业务逻辑上的交互. 其坑无数,相信用过的都知道,一个一个来解决吧. 1.怎么互调: <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <script type="text/javascript"> function android(bl){ if(bl){

JS调用Android、Ios原生控件

在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时,提高代码质量,实现两者在网页端代码的统一. 首先我们先看一下Ios调用JS的方法实现: //无参调用 function SwiftCallJs1(){} //有参调用 function SwiftCallJs2(name, message){} 紧接着我们看一下Android调用JS的方法实现: /

PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码

PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码 看看新闻网>看引擎>开源产品 0人收藏此文章, 发表于8小时前(2013-09-06 00:39) , 已有13次阅读 ,共0个评论 依照我一惯得套路,我会先说一点废话. PhoneGap和Cordova什么关系?为什么有的地方叫Cordova而有的地方叫PhoneGap ?PhoneGap是一款HTML5平台.通过它,开发商能够使用HTML.CSS及JavaScript来开发本地移动应用程序.因此,眼下开

android 的webview调用php服务器js , js 调用Android的webview

最近项目的需求: Android通过webView调用php的数据 , 这时候是需要整理webview和JavaScript之间相互调用的时候了 一. 理清思路: (1) . 双方都是客户端 , 一个是Android , 一个是js( js当然是客户端 , 后面说明) (2) . Android的webview需要支持JavaScript , 即 WebSettings settings = myWebView.getSettings(); settings.setJavaScriptEnabl

WebView之js调用Android类的方法传递数据

1,具体的思路如下: 在android中写一个Activity,里面写一个webview,这个webview加载本地的一个html文件,显示这个网页,这个网页包括一个用户名和密码的输入框和两个按钮(只有登陆按钮有用),输入用户名密码之后调用android中的类,并把输入的数据传过去,再在android中输出出来(具体你那数据做什么操作就看你的需求了),这样就做大额js与android数据交互的效果了: 在android端,一些webviwe的设置和自定义类的写法如下源码: package com

webview中js调用Android中的方法

package com.example.helloworld; import android.os.Bundle; import android.app.Activity; import android.content.Intent; import android.view.Menu; import android.webkit.WebView; public class MainActivity extends Activity { private WebView webView = null