Come mostrare una barra di caricamento durante il rendering con Webview.loadUrl in Android?

Question

Quando si utilizza la visualizzazione Web per visualizzare pagine html,

ci saranno diversi secondi di pagina bianca prima del completamento del rendering.

Per una migliore esperienza utente, c'è un modo per mostrare un'immagine di caricamento durante diversi secondi?

Answer 1

Prova questa

 ...... 
     webView.setWebChromeClient(new WebChromeClient() { 
      public void onProgressChanged(WebView view, int progress) { 
       activity.setTitle("Loading..."); 
       activity.setProgress(progress * 100); 

       if(progress == 100) 
       activity.setTitle(R.string.app_name); 
      } 
     }); 
     ... 

Answer 2

Prova questo segmento di codice. Mostra un progressDialog o immagine o il layout quello che vuoi in onPageStarted() & nascondere in onPageFinished()

 webview.setWebViewClient(new WebViewClient() { 
      @Override 
      public void onPageStarted(WebView view, String url, Bitmap favicon) 
      { 
       // TODO show you progress image 
       super.onPageStarted(view, url, favicon); 
      } 

      @Override 
      public void onPageFinished(WebView view, String url) 
      { 
       // TODO hide your progress image 
       super.onPageFinished(view, url); 
      } 
     }); 

Answer 3

provare questo codice per mostrare un ProgressDialog

webView.setWebChromeClient(new WebChromeClient() { 
     private ProgressDialog mProgress; 

     @Override 
     public void onProgressChanged(WebView view, int progress) { 
      if (mProgress == null) { 
       mProgress = new ProgressDialog(getActivity()); 
       mProgress.show(); 
      } 
      mProgress.setMessage("Loading " + String.valueOf(progress) + "%"); 
      if (progress == 100) { 
       mProgress.dismiss(); 
       mProgress = null; 
      } 
     } 
    }); 

Answer 4

Questo è ciò che ha funzionato per me in Kotlin:

private fun setupWebView() { 

    val webViewClient: WebViewClient = object: WebViewClient() { 

     override fun shouldOverrideUrlLoading(view: WebView?, request: WebResourceRequest?): Boolean { 
      view?.loadUrl(request?.url.toString()) 
      return super.shouldOverrideUrlLoading(view, request) 
     } 

     override fun onPageStarted(view: WebView?, url: String?, favicon: Bitmap?) { 
      showProgressDialog() 
      super.onPageStarted(view, url, favicon) 
     } 

     override fun onPageFinished(view: WebView?, url: String?) { 
      hideProgressDialog() 
      super.onPageFinished(view, url) 
     } 
    } 
    webView.webViewClient = webViewClient 

    webView.settings.javaScriptEnabled = true 
    webView.settings.defaultTextEncodingName = "utf-8" 
} 

Answer 5

Codice semplice per Java -

webView.setWebViewClient(new WebViewClient{ 
    @Override 
    public void onPageStarted(WebView view, String url, Bitmap favicon) { 
     pdialog.show(); 
    } 
    @Override 
    public void onPageFinished(WebView view, String url) 
    { 
     pdialog.hide(); 
    });