首页 > 系统 > Android > 正文

Android自定义带进度条WebView仿微信加载过程

2019-10-22 18:13:49
字体:
来源:转载
供稿:网友

在正常开发中,我们客户端需要用webView加载网页,再遇到网络慢或者访问的服务器响应时,页面是空白的,所以为了用户更好的体验,我们可以提供一个正在加载的进度条,提示用户正在加载。

本文结构:

1、自定义webView
2、在应用中的使用
3、效果展示

一、自定义webView

1、首先定义一个类,继承webView,并首先构造方法

public class ProgressBarWebView extends WebView{}

自定义控件,先实现构造方法,
第一中是程序内部实例化采用,传入context

public ProgressBarWebView(Context context) {    super(context);  }

第二种用于layout实例化,会把xml的参数通过AttributeSet带入View内

public ProgressBarWebView(Context context, AttributeSet attrs) {    super(context, attrs);  }

第三种主题的style信息,也从XML带入

public ProgressBarWebView(Context context, AttributeSet attrs,      int defStyleAttr) {    super(context, attrs, defStyleAttr);  }

而我们需要加载进度条布局,所以我们需要在第二中构造方法中进行操作,如下:

//首选创建一个进度条,我们这里创建的是一个横向的进度条progressBar = new ProgressBar(context, null, android.R.attr.progressBarStyleHorizontal); //设置该进度条的位置参数progressBar.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, 10, 0, 0)); //我们想要设置该进度条的背景样式 Drawable drawable = context.getResources().getDrawable(R.drawable.progress_bar_states);//设置背景样式  progressBar.setProgressDrawable(drawable); //调用本身的addView(其实是调用ViewManager里的方法,看源码)方法讲进度条添加到当前布局视图中addView(progressBar); //正常想获取或这进行交互一般要实现一下两个方法,Myweblient()可以限制不用手机本身的浏览器,MyChromeClient()可以获得网页加载的进度,title等setWebViewClient(new Myweblient()); setWebChromeClient(new MyChromeClient()); //是否可以缩放 getSettings().setSupportZoom(true); getSettings().setBuiltInZoomControls(true); 

2、重写WebViewClient,设置再本身的webview打开,不调用系统的浏览器:

//需要自己设置要不会打开手机浏览器  private class Myweblient extends WebViewClient{    @Override    public boolean shouldOverrideUrlLoading(WebView view, String url) {      view.loadUrl(url);      return true;    }  }

3、重写WebChromeClient,获取相应进度信息,并设置

private class MyChromeClient extends WebChromeClient{    @Override     public void onProgressChanged(WebView view, int newProgress) {       if (newProgress == 100) { //当网页全部加载完毕时        progressBar.setVisibility(GONE);       } else {         if (progressBar.getVisibility() == GONE)           progressBar.setVisibility(VISIBLE);         progressBar.setProgress(newProgress);       }       super.onProgressChanged(view, newProgress);     }   }

4、前文构造器我们提到的进度条背景R.drawable.progress_bar_states,需要再xml中定义;

<?xml version="1.0" encoding="utf-8"?><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>

二、在页面中的使用

//布局中<com.example.videodemo.ProgressBarWebView     android:id="@+id/ss"    android:layout_width="match_parent"    android:layout_height="match_parent"/>

Activity中使用

ProgressBarWebView webView=(ProgressBarWebView) findViewById(R.id.ss);webView.loadUrl("http://www.baidu.com/");

三、最终效果

Android,进度条,WebView,加载

Android,进度条,WebView,加载

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


注:相关教程知识阅读请移步到Android开发频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表