溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Android中WebView加載網(wǎng)頁設(shè)置進(jìn)度條

發(fā)布時(shí)間:2020-09-29 17:58:08 來源:腳本之家 閱讀:151 作者:小小小程序元 欄目:移動(dòng)開發(fā)

我們平時(shí)在進(jìn)行安卓開發(fā)使用到webview加載網(wǎng)頁時(shí),我們不能準(zhǔn)確了解網(wǎng)頁的加載進(jìn)度,因此為了提高用戶體驗(yàn),我們在webview中加入進(jìn)度條顯示加載進(jìn)度。

程序預(yù)覽界面:

Android中WebView加載網(wǎng)頁設(shè)置進(jìn)度條

一、主界面xml布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 xmlns:tools="http://schemas.android.com/tools" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 tools:context=".MainActivity" 
 android:orientation="vertical" 
 > 
 <RelativeLayout 
 android:layout_width="match_parent" 
 android:layout_height="40dp" 
 android:background="#1B9A16" 
   
  /> 
   
 
 <ProgressBar 
  android:id="@+id/progressBar1" 
   
  android:layout_width="match_parent" 
  android:layout_height="3dip" 
  android:progressDrawable="@drawable/pg" 
  android:visibility="gone" 
  
  /> 
 
 <WebView 
  android:id="@+id/webview1" 
  android:layout_below="@id/progressBar1" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" /> 
 
</LinearLayout> 

二、ProgressBar樣式布局文件(pg.xml放在drawable下面)

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 
 
 <item android:id="@android:id/background"> 
  <shape> 
   <corners android:radius="2dp" /> 
   <gradient 
    android:angle="270" 
    android:centerColor="#E3E3E3" 
    android:endColor="#E6E6E6" 
    android:startColor="#C8C8C8" /> 
  </shape> 
 </item> 
 <item android:id="@android:id/progress"> 
  <clip> 
   <shape> 
    <corners android:radius="2dp" /> 
    <gradient 
     android:centerColor="#4AEA2F" 
     android:endColor="#31CE15" 
     android:startColor="#5FEC46" /> 
     
   </shape> 
  </clip> 
 </item> 
 
</layer-list> 

三、邏輯代碼

package com.example.webview; 
 
import android.os.Bundle; 
import android.app.Activity; 
import android.transition.Visibility; 
import android.view.KeyEvent; 
import android.view.Menu; 
import android.view.View; 
import android.view.Window; 
import android.webkit.WebChromeClient; 
import android.webkit.WebSettings; 
import android.webkit.WebView; 
import android.webkit.WebViewClient; 
import android.widget.ProgressBar; 
 
public class MainActivity extends Activity { 
  
 private WebView webView; 
 private ProgressBar pg1; 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  requestWindowFeature(Window.FEATURE_NO_TITLE); 
  setContentView(R.layout.activity_main); 
  init(); 
  webView.loadUrl("http://www.baidu.com"); 
 } 
 
 private void init() { 
  // TODO 自動(dòng)生成的方法存根 
  webView=(WebView) findViewById(R.id.webview1); 
  pg1=(ProgressBar) findViewById(R.id.progressBar1); 
   
  webView.setWebViewClient(new WebViewClient(){ 
   //覆寫shouldOverrideUrlLoading實(shí)現(xiàn)內(nèi)部顯示網(wǎng)頁 
   @Override 
   public boolean shouldOverrideUrlLoading(WebView view, String url) { 
    // TODO 自動(dòng)生成的方法存根 
    view.loadUrl(url); 
    return true; 
   } 
  }); 
  WebSettings seting=webView.getSettings(); 
  seting.setJavaScriptEnabled(true);//設(shè)置webview支持javascript腳本 
  webView.setWebChromeClient(new WebChromeClient(){ 
   @Override 
   public void onProgressChanged(WebView view, int newProgress) { 
    // TODO 自動(dòng)生成的方法存根 
     
    if(newProgress==100){ 
     pg1.setVisibility(View.GONE);//加載完網(wǎng)頁進(jìn)度條消失 
    } 
    else{ 
     pg1.setVisibility(View.VISIBLE);//開始加載網(wǎng)頁時(shí)顯示進(jìn)度條 
     pg1.setProgress(newProgress);//設(shè)置進(jìn)度值 
    } 
     
   } 
  }); 
   
 } 
 
  
 //設(shè)置返回鍵動(dòng)作(防止按返回鍵直接退出程序) 
 @Override 
 public boolean onKeyDown(int keyCode, KeyEvent event) { 
  // TODO 自動(dòng)生成的方法存根 
  if(keyCode==KeyEvent.KEYCODE_BACK) { 
   if(webView.canGoBack()) {//當(dāng)webview不是處于第一頁面時(shí),返回上一個(gè)頁面 
    webView.goBack(); 
    return true; 
   } 
   else {//當(dāng)webview處于第一頁面時(shí),直接退出程序 
    System.exit(0); 
   } 
    
   
  } 
  return super.onKeyDown(keyCode, event); 
 } 
  
 
} 

整體流程就這樣。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI