Android自定义带进度条WebView仿微信加载过程
作者:ali18510953445 时间:2022-05-08 04:52:46
在正常开发中,我们客户端需要用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/");
三、最终效果
来源:https://blog.csdn.net/ali18510953445/article/details/77994307
标签:Android,进度条,WebView
0
投稿
猜你喜欢
spring security动态配置url权限的2种实现方法
2021-06-25 15:31:12
SpringBoot请求发送与信息响应匹配实现方法介绍
2021-07-08 22:05:27
C#中文件名或文件路径非法字符判断方法
2023-12-01 14:14:21
Java模拟实现斗地主发牌
2022-07-09 02:16:52
Java实战之基于swing的QQ邮件收发功能实现
2023-11-15 01:34:26
JVM完全解读之GC日志记录分析
2022-09-22 12:43:08
Spring的组合注解和元注解原理与用法详解
2023-12-05 10:25:05
Android动态模糊效果的快速实现方法
2022-06-20 13:14:26
C#实现rabbitmq 延迟队列功能实例代码
2023-03-18 02:59:34
C语言实现双向链表
2023-05-30 08:02:24
java中Date类和Strng类的灵活转化
2022-12-09 07:47:24
java如何将一个float型数的整数部分和小数分别输出显示
2022-08-17 16:50:26
Java类加载器和类加载机制实例分析
2021-07-18 03:32:26
SpringBoot使用WebSocket实现前后端交互的操作方法
2022-07-06 12:34:35
springboot aop里的@Pointcut()的配置方式
2021-11-18 20:55:37
Java RandomAccessFile 指定位置实现文件读取与写入
2023-06-05 17:06:25
Java全面细致讲解Cookie与Session及kaptcha验证码的使用
2021-09-03 23:10:56
C#获取Description特性的扩展类详解
2022-06-04 13:27:24
Java实现AWT四大事件的详细过程
2023-11-28 18:39:52
Java如何重写object类的equals方法详解
2023-09-01 15:54:57