快捷導(dǎo)航

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

更新時(shí)間：2020年03月25日 14:17:31 作者：Android_yyx

這篇文章主要為大家詳細(xì)介紹了Android中WebView加載網(wǎng)頁設(shè)置進(jìn)度條的相關(guān)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Android中WebView加載網(wǎng)頁設(shè)置進(jìn)度條的具體代碼，供大家參考，具體內(nèi)容如下

效果：

xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="match_parent"
 android:layout_height="match_parent">
 <LinearLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content">
 <RelativeLayout
 android:layout_width="match_parent"
 android:layout_height="48dp"
 android:background="@color/colorPrimary"
 android:layout_weight="0">
 <ImageView
 android:id="@+id/activity_add_authentication_back"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:src="@drawable/activity_news_back"
 android:layout_marginLeft="10dp"/>
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="網(wǎng)頁"
 android:textColor="@color/white"
 android:layout_centerVertical="true"
 android:layout_centerHorizontal="true"
 android:textSize="18sp"/>
 </RelativeLayout>
 </LinearLayout>
 <ProgressBar
 android:id="@+id/progressBar1"
 style="?android:attr/progressBarStyleHorizontal"
 android:layout_width="match_parent"
 android:layout_height="3dip"
 android:progressDrawable="@drawable/pg"
 android:visibility="gone" />

 <WebView
 android:id="@+id/web_view"
 android:layout_width="match_parent"
 android:layout_height="match_parent">

 </WebView>
</LinearLayout>

pg.xml

<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>

Java文件：

package com.vimi8.app.activity;

import android.content.Context;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;
import android.widget.Toast;

import com.vimi8.app.R;
import com.vimi8.app.framework.ActivityBase;

/**
 * Created by vimi8 on 2017/4/18.
 */

public class YyxText extends ActivityBase {

 private WebView myWebView ;

 private ProgressBar pg1;


 @Override
 protected void initVariables(Bundle savedInstanceState) {

 }

 @Override
 protected int initLayoutViews() {
 return R.layout.yyx_text;
 }

 @Override
 protected void initViewsAndStaticData() {
 //獲取webview控件
 myWebView = (WebView) findViewById(R.id.web_view);
 pg1=(ProgressBar) findViewById(R.id.progressBar1);

 //加載服務(wù)器上的頁面
 myWebView.loadUrl("http://www.baidu.com");
 //加載本地中的html
 //myWebView.loadUrl("file:///android_asset/www/test2.html");
 //加上下面這段代碼可以使網(wǎng)頁中的鏈接不以瀏覽器的方式打開
 myWebView.setWebViewClient(new WebViewClient());
 //得到webview設(shè)置
 WebSettings webSettings = myWebView.getSettings();
 //允許使用javascript
 webSettings.setJavaScriptEnabled(true);
 //將WebAppInterface于javascript綁定
 myWebView.addJavascriptInterface(new WebAppInterface(this), "Android");

 //設(shè)置經(jīng)度條
 myWebView.setWebChromeClient(new WebChromeClient(){
 @Override
 public void onProgressChanged(WebView view, int newProgress) {
 // TODO 自動生成的方法存根

 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)度值
 }

 }
 });

 }


 @Override
 public boolean onKeyDown(int keyCode, KeyEvent event) {
 if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack()) {
 myWebView.goBack();
 return true;
 }
 return super.onKeyDown(keyCode, event);
 }


 public class WebAppInterface {
 Context mContext;

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

 /** Show a toast from the web page */
 @JavascriptInterface
 public void showToast(String toast) {
 Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
 }
 }
}

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

您可能感興趣的文章: