Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > android WebView加载网页进度

Android中WebView加载网页设置进度条

作者:Android_yyx

这篇文章主要为大家详细介绍了Android中WebView加载网页设置进度条的相关代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android中WebView加载网页设置进度条的具体代码,供大家参考,具体内容如下

效果:

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="网页"
 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);

 //加载服务器上的页面
 myWebView.loadUrl("http://www.baidu.com");
 //加载本地中的html
 //myWebView.loadUrl("file:///android_asset/www/test2.html");
 //加上下面这段代码可以使网页中的链接不以浏览器的方式打开
 myWebView.setWebViewClient(new WebViewClient());
 //得到webview设置
 WebSettings webSettings = myWebView.getSettings();
 //允许使用javascript
 webSettings.setJavaScriptEnabled(true);
 //将WebAppInterface于javascript绑定
 myWebView.addJavascriptInterface(new WebAppInterface(this), "Android");

 //设置经度条
 myWebView.setWebChromeClient(new WebChromeClient(){
 @Override
 public void onProgressChanged(WebView view, int newProgress) {
 // TODO 自动生成的方法存根

 if(newProgress==100){
  pg1.setVisibility(View.GONE);//加载完网页进度条消失
 }
 else{
  pg1.setVisibility(View.VISIBLE);//开始加载网页时显示进度条
  pg1.setProgress(newProgress);//设置进度值
 }

 }
 });

 }


 @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();
 }
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文