博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
WebView增加一个水平Progress,位置、长相随意
阅读量:6428 次
发布时间:2019-06-23

本文共 2572 字,大约阅读时间需要 8 分钟。

实际效果可以参看微信的web页面进度条
本质就是通过addView及对WebView 页面进度进行监听
先看看这个自定义的DrawableId,我们参照系统默认实现的方法写一个自己的
 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
 
    <item android:id="@android:id/background"> //这个属性是指定progress的背景
        <shape>
            <corners android:radius="5dip" />
            <gradient
                android:startColor="#00000000"
                android:centerColor="#00000000"
                android:centerY="0.75"
                android:endColor="#00000000"
                android:angle="270"
                />
        </shape>
    </item>
 
 
    <item android:id="@android:id/progress">  //这个属性是指定progress的进度
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                    android:startColor="#ff7d1a"
                    android:centerColor="#ff7d1a"
                    android:centerY="0.75"
                    android:endColor="#ff7d1a"
                    android:angle="270"
                    />
            </shape>
        </clip>
    </item>
 
</layer-list>
实际还有一个secondProgress的属性,这个也随意设置,一般用不到
 
void init(Context context) {
        if (context == null)
            return;
        Drawable drawable = context.getResources().getDrawable(DrawableId);//该资源以系统原码为参照搞一个自己想要的角度颜色背景
        if (progressbar == null)
            progressbar = new ProgressBar(context, null, android.R.attr.progressBarStyleHorizontal);//这里必须要使用系统的attr属性才能正常实例化出来
        RelativeLayout.LayoutParams layoutParams = new RelativeLayout.LayoutParams
                (ViewGroup.LayoutParams.MATCH_PARENT, height);//用相对布局更方便指挥这个progress,这里随意;代码实现的height都为pix级别
        layoutParams.addRule(RelativeLayout.ALIGN_PARENT_TOP);//这个位置是相对于添加它的父类View
        layoutParams.topMargin = 48;//该属性定义距离父类View顶部多少,pix级别
 
        if (progressbar != null) {
            progressbar.setLayoutParams(layoutParams);
            if (drawable != null) {
                progressbar.setProgressDrawable(drawable);//将我们自定义的drawable放进来,长相就定了
                progressbar.setIndeterminate(false);//此值表明进度是不明确的,我们并不知道具体进度是多少
            }
        }
        if (layoutParent == null)
            return;
        viewGroupParent.addView(progressbar);
        if (webView == null)
            return;
        webView.setWebChromeClient(new WebChromeClient());//给webview提供一个可以监听进度的对象,系统内的 WebChromeClient 已经有了这个进度通知方法
    }
 
    public class WebChromeClient extends android.webkit.WebChromeClient {
        @Override
        public void onProgressChanged(WebView view, int newProgress) {
 
 
            if (newProgress >= 99) {//这个临界值是用来改变显示状态,告诉我们页面加载完了,你progressbar可以隐藏了,此值随意,觉得多少合适就用多少
                if (progressbar != null)
                    progressbar.setVisibility(View.GONE);
            } else {
                final int progress = newProgress;//实际能避免新增对象就避免
                if (progressbar != null && progressbar.getVisibility() != View.VISIBLE)
                    progressbar.setVisibility(View.VISIBLE);
                if (weakHandler == null)
                    return;
                handler.post(new Runnable() {//handler的实际意图就是为了避免在非主线程改变UI,如果一定要在子线程改变Ui,记得给子线程一个Looper
                    @Override
                    public void run() {
                        if (progressbar != null) {
                            progressbar.setProgress(progress);
                            progressbar.incrementProgressBy(5);//平缓增加
                        }
                    }
                });
            }
            super.onProgressChanged(view, newProgress);
        }
 
    }

转载地址:http://zvnga.baihongyu.com/

你可能感兴趣的文章
JavaScript的块级作用域
查看>>
前端将markdown转换成html
查看>>
Hibernate 框架入门(一)
查看>>
缩略信息是: sending message to a Handler on a dead thread 我是用IntentService时报的
查看>>
gulp - less 在node.js上的安装和使用
查看>>
iOS tableViewCell plane格式下,接近section边缘不显示分割线却被复用解决办法 ...
查看>>
Linux下怎么使用任务管理器和真人接口源码出售进程管理
查看>>
百度编辑器ueditor 异步加载时,初始化没办法赋值bug解决方法
查看>>
hdu 1262寻找素数对
查看>>
【说文解字】Unix与Linux
查看>>
使用Shell脚本查找程序对应的进程ID,并杀死进程
查看>>
201521123081《java程序设计》 第12周学习总结
查看>>
统计连续时间
查看>>
1、Monkey环境搭建
查看>>
通过cordova将vue项目打包为Android app
查看>>
一些分类方法的比较(转)
查看>>
典型的软件过程模型
查看>>
Gson如何解析key值是数字的json数据
查看>>
虚拟短信
查看>>
英文技术Podcast推荐 - 英语技术一起学
查看>>