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

所属分类: 软件编程 / Android 阅读数: 35
收藏 0 赞 0 分享

本文实例为大家分享了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();
 }
 }
}

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

更多精彩内容其他人还在看

Android控件系列之CheckBox使用介绍

CheckBox和Button一样,也是一种古老的控件,它的优点在于,不用用户去填写具体的信息,只需轻轻点击,缺点在于只有“是”和“否”两种情况,但我们往往利用它的这个特性,来获取用户的一些信息
收藏 0 赞 0 分享

Android控件系列之EditText使用方法

EditText是接受用户输入信息的最重要控件。通过前面课程的学习,您可能会猜到可以利用EditText.getText()获取它的文本,但真正的项目中,可能没那么简单,需要更多的限制,如文本长度限制,是否数字限制等等
收藏 0 赞 0 分享

Android控件系列之TextView使用介绍

TextView类似一般UI中的Label,TextBlock等控件,只是为了单纯的显示一行或多行文本,本文介绍了Android中文本控件TextView的用法和常用属性的用法
收藏 0 赞 0 分享

asynctask的用法详解

Android UI操作并不是线程安全的并且这些操作必须在UI线程中执行,本文将为您介绍asynctask的用法
收藏 0 赞 0 分享

Android开发 旋转屏幕导致Activity重建解决方法

Android开发文档上专门有一小节解释这个问题。简单来说,Activity是负责与用户交互的最主要机制,接下来为您详细介绍
收藏 0 赞 0 分享

Notification与NotificationManager详细介绍

在Android系统中,发一个状态栏通知还是很方便的。下面我们就来看一下,怎么发送状态栏通知,状态栏通知又有哪些参数可以设置
收藏 0 赞 0 分享

android LinearLayout和RelativeLayout组合实现精确布局方法介绍

用android LinearLayout和RelativeLayout实现精确布局此方法适合很适合新人看
收藏 0 赞 0 分享

android listview优化几种写法详细介绍

这篇文章只是总结下getView里面优化视图的几种写法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android应用开发SharedPreferences存储数据的使用方法

SharedPreferences是Android中最容易理解的数据存储技术,实际上SharedPreferences处理的就是一个key-value(键值对)SharedPreferences常用来存储一些轻量级的数据
收藏 0 赞 0 分享

Android之PreferenceActivity应用详解

为了引入这个概率 首先从需求说起 即:现有某Activity专门用于手机属性设置 那么应该如何做呢
收藏 0 赞 0 分享
查看更多