Question

我对Android开发相对较新，我正在尝试创建一个允许我启动Android相机应用程序的WebView。如何使用JavaScriptInterface从主类中调用方法？

感谢。

public class MainActivity extends Activity {

    public static final int MEDIA_TYPE_IMAGE = 1888;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);



        WebView mainWebView = (WebView) findViewById(R.id.mainWebView);
        mainWebView.addJavascriptInterface(new JavaScriptInterface(this), "Android");
        WebSettings webSettings = mainWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);

        mainWebView.setWebViewClient(new MyCustomWebViewClient());
        //mainWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);

        mainWebView.loadUrl("file:///mnt/sdcard/page.html");
    }

    private class MyCustomWebViewClient extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    }



    public void takePicture() {
        Intent intent = new Intent(android.provider.MediaStore.ACTION_IMAGE_CAPTURE);
        startActivityForResult(intent, MEDIA_TYPE_IMAGE);
    }

    protected void onActivityResult(int requestCode, int resultCode, Intent data) {  
        if (requestCode == MEDIA_TYPE_IMAGE) {  
            Bitmap photo = (Bitmap) data.getExtras().get("data"); 


            ByteArrayOutputStream stream = new ByteArrayOutputStream();
            photo.compress(Bitmap.CompressFormat.PNG, 100, stream);
            byte[] byteArray = stream.toByteArray();
            }}

    }



package com.cargowise.view;

import android.content.Context;
import android.os.Handler;
import android.widget.Toast;

public class JavaScriptInterface {



    Context mContext;

    /** Instantiate the interface and set the context */
    JavaScriptInterface(Context c) {
        mContext = c;
    }


    public void takePic() {
        MainActivity.takePicture();
    }


    public void showToast(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
    }

Answer 1

您已存储了您应该可以用来访问MainActivity的上下文。

改变这个：

public void takePic() {
    MainActivity.takePicture();
}

对此：

public void takePic() {
    ((MainActivity)mContext).takePicture();
}

注意：您可能希望添加一些类型检查或限制给予MainActivity的上下文类型以强制执行正确的行为。

Answer 2

调用（（MainActivity）mContext）.takePicture（）的建议（可能）是错误的，至少对我而言，它失败了。原因是该调用将不是在主/ UI线程上，而是在另一个线程上。

此外，您必须在每个接口方法之前添加@JavascriptInterface注释。

向主UI线程发出调用的正确方法是：

...inside JavaScriptInterface class

public void takePic() {
    ((MainActivity)mContext).post(new Runnable() {
        @Override
        public void run() {
            ((MainActivity)mContext).takePicture();
        }
    });
}

在Kotlin中，看起来会更简单：

@JavascriptInterface
fun takePic() {
    (mContext as MainActivity).mainWebView?.post {
        (mContext as MainActivity).takePicture()
    }
}

将WebView与Android后端集成以及JS和Android之间来回调用的完整示例在这里：https://github.com/latitov/Android_WebViewApp_FullScreen

Android - JavaScriptInterface中主类的调用方法

2 个答案: