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

 更新时间:2018年03月27日 14:57:02   作者:ali18510953445  
这篇文章主要为大家详细介绍了Android自定义带进度条WebView仿微信加载过程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

在正常开发中,我们客户端需要用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简单实现自定义流式布局的方法

    Android简单实现自定义流式布局的方法

    这篇文章主要介绍了Android简单实现自定义流式布局的方法,结合实例形式分析了Android流式布局的原理与实现技巧,需要的朋友可以参考下
    2016-07-07
  • Android动画之小球拟合动画实例

    Android动画之小球拟合动画实例

    这篇文章主要介绍了Android动画之小球拟合动画实例的相关资料,需要的朋友可以参考下
    2017-07-07
  • android编程判断应用是否具有某个权限的方法

    android编程判断应用是否具有某个权限的方法

    这篇文章主要介绍了android编程判断应用是否具有某个权限的方法,涉及Android进程操作及权限控制的相关使用技巧,需要的朋友可以参考下
    2015-10-10
  • Android实现简单的下拉阻尼效应示例代码

    Android实现简单的下拉阻尼效应示例代码

    下面小编就为大家分享一篇Android实现简单的下拉阻尼效应示例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • Android中TextView显示圆圈背景或设置圆角的方法

    Android中TextView显示圆圈背景或设置圆角的方法

    TextView显示文本给用户,并允许他们选择编辑。TextView是一个完整的文本编辑器,但是其基本类配置为不允许编辑。下面这篇文章主要给大家介绍了关于Android中TextView显示圆圈背景或设置圆角的方法,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-05-05
  • Android 实现加载大图片的方法

    Android 实现加载大图片的方法

    对于超大的图片,如果不缩放的话,容易导致内存溢出。而经过处理后,无论多大的图片,都能够在手机屏幕上加载出来,不会导致内存溢出。本文将对Android 加载大图片的实现方法进行介绍,下面跟着小编一起来看下吧
    2017-04-04
  • Android自定义View模仿QQ讨论组头像效果

    Android自定义View模仿QQ讨论组头像效果

    最近发现QQ讨论组的头像非常不错,正好最近又有时间,所有就动手实践了下,所以下面这篇文章主要给大家介绍了Android自定义View模仿QQ讨论组头像效果的相关资料,文中给出了详细的介绍的示例代码,需要的朋友可以参考学习,下面来一起看看吧。
    2017-04-04
  • Android IPC进程间通信详解最新AndroidStudio的AIDL操作)

    Android IPC进程间通信详解最新AndroidStudio的AIDL操作)

    这篇文章主要介绍了Android IPC进程间通信的相关资料,需要的朋友可以参考下
    2016-09-09
  • Android 简单的照相机程序的实例代码

    Android 简单的照相机程序的实例代码

    终于经过多次找错,修改把一个简单的照相机程序完成了,照相类代码如下:
    2013-05-05
  • 往Android系统中添加服务的方法教程

    往Android系统中添加服务的方法教程

    最近因为平台升级,需要在系统中添加一些服务,所以将整个过程总结一下,下面这篇文章主要给大家介绍了往Android系统中添加服务的方法教程,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-05-05

最新评论