加载网页流量页面和JavaScript到页面时显示加载图标 [英] Show loading icon when loading webview page AND javascript into page

问题描述

我具有其中一个外部网站加载网页视图。
目前，我有下面这将显示一个加载图标，而页面加载完成：

  webView.setWebViewClient（新WebViewClient（）{
            @覆盖
            公共布尔shouldOverrideUrlLoading（的WebView视图，字符串URL）{
                view.loadUrl（URL）;
                返回false;
            }
            公共无效onPageStarted（的WebView视图，字符串URL，位图图标）
            {
                super.onPageStarted（查看，网址，图标）;
                progressBar.setVisibility（View.VISIBLE）;
            }
            公共无效onPageFinished（的WebView视图，字符串URL）{
                // TODO自动生成方法存根
                super.onPageFinished（查看，网址）;
                progressBar.setVisibility（View.GONE）;
                如果（webView.canGoBack（））{
                    left.setImageResource（R.drawable.ic_arrowleft）;
                }其他{
                    left.setImageResource（R.drawable.ic_arrowleft_gray）;
                }
                如果（webView.canGoForward（））{
                    right.setImageResource（R.drawable.ic_arrowright）;
                }其他{
                    right.setImageResource（R.drawable.ic_arrowright_gray）;
                }            }
        }）;
 

这工作得很好，但在相同的活动有一个按钮，用户可以preSS将一些JavaScript加载到当前加载的网页。
我需要的是为进步而图标的JavaScript加载到显示。

 私人OnClickListener OnClick_script =新OnClickListener（）{
        公共无效的onClick（视图v）{
            webView.loadUrl（JavaScript的：功能.....）;
        }
    };
 

解决方案

您可以实现你想要使用的是什么一个JavaScript WebAppInterface作为实例阐述的此处。

的主要概念是，你创建一个JavaScript接口

私有类ShowProgressInterface {
    进度进度;
    ShowProgressInterface（进度进度）{
        this.progressBar =进度;
    }    @JavascriptInterface
    公共无效showProgress（）{
        progressBar.setVisibility（View.VISIBLE）;
    }    @JavascriptInterface
    公共无效hideProgress（）{
        progressBar.setVisibility（View.GONE）;
    }
}


接口添加到您的web视图

webView.addJavascriptInterface（新ShowProgressInterface（进度），ProgressInterface）;


最后，在你的javascript函数可以调用

  ProgressInterface.showProgress（）;
 

和

  ProgressInterface.showProgress（）;
 

I have a webView in which a external website is loaded. Currently I have the below which will display a loading icon while the page has finished loading:

webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return false;
            }
            public void onPageStarted(WebView view, String url, Bitmap favicon)
            {
                super.onPageStarted(view, url, favicon);
                progressBar.setVisibility(View.VISIBLE);
            }
            public void onPageFinished(WebView view, String url) {
                // TODO Auto-generated method stub
                super.onPageFinished(view, url);
                progressBar.setVisibility(View.GONE);
                if (webView.canGoBack()){
                    left.setImageResource(R.drawable.ic_arrowleft);
                }else{
                    left.setImageResource(R.drawable.ic_arrowleft_gray);
                }
                if (webView.canGoForward()){
                    right.setImageResource(R.drawable.ic_arrowright);
                }else{
                    right.setImageResource(R.drawable.ic_arrowright_gray);
                }

            }
        });  

This works well, however in the same activity there is a button the user can press which will load some javascript into the currently loaded webpage. What I need is for the progress icon to display while the javascript is loading to.

private OnClickListener OnClick_script = new OnClickListener() {
        public void onClick(View v) {
            webView.loadUrl("javascript: function .....);
        }
    };

解决方案

You could achieve what you want using a javascript WebAppInterface as demostrated here.

The main concept is that, you create a javascript interface

private class ShowProgressInterface {
    ProgressBar progressBar;


    ShowProgressInterface(ProgressBar progressBar) {
        this.progressBar = progressBar;
    }

    @JavascriptInterface
    public void showProgress() {
        progressBar.setVisibility(View.VISIBLE);
    }

    @JavascriptInterface
    public void hideProgress() {
        progressBar.setVisibility(View.GONE);
    }
}

Add the interface to your webView

webView.addJavascriptInterface(new ShowProgressInterface(progressBar), "ProgressInterface");

Finally in your javascript function you can call

ProgressInterface.showProgress();

and

ProgressInterface.showProgress();

这篇关于加载网页流量页面和JavaScript到页面时显示加载图标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！