Android中实现Webview顶部带进度条的方法

概述写这篇文章,做份备忘,简单滴展示一个带进度条的Webview示例,进度条位于Webview上面.

写这篇文章,做份备忘,简单滴展示一个带进度条的WebvIEw示例,进度条位于WebvIEw上面.

示例图如下：

主Activity代码：
复制代码 代码如下:
package com.droIDyue.demo.webvIEwprogressbar;
import androID.app.Activity;
import androID.os.Bundle;
import androID.vIEw.Menu;
import androID.vIEw.VIEw;
import androID.vIEw.VIEw.OnClickListener;
import androID.webkit.WebChromeClIEnt;
import androID.webkit.WebVIEw;
import androID.Widget.Progressbar;

import com.droIDyue.demo.webvIEwprogressbar.R;

public class MainActivity extends Activity {

  @OverrIDe
  protected voID onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentVIEw(R.layout.activity_main);
      final Progressbar bar = (Progressbar)findVIEwByID(R.ID.myProgressbar);

      final WebVIEw webVIEw = (WebVIEw)findVIEwByID(R.ID.myWebVIEw);
      webVIEw.setWebChromeClIEnt(new WebChromeClIEnt() {

          @OverrIDe
          public voID onProgressChanged(WebVIEw vIEw,int newProgress) {
              if (newProgress == 100) {
                  bar.setVisibility(VIEw.INVISIBLE);
              } else {
                  if (VIEw.INVISIBLE == bar.getVisibility()) {
                      bar.setVisibility(VIEw.VISIBLE);
                  }
                  bar.setProgress(newProgress);
              }
              super.onProgressChanged(vIEw,newProgress);
          }
         
      });
     
      findVIEwByID(R.ID.mybutton).setonClickListener(new OnClickListener() {

          @OverrIDe
          public voID onClick(VIEw arg0) {
              webVIEw.reload();
          }
         
      });
      final String url = "http://jb51.net";
      webVIEw.loadUrl(url);
  }
 

  @OverrIDe
  public boolean onCreateOptionsMenu(Menu menu) {
      getMenuInflater().inflate(R.menu.main,menu);
      return true;
  }

}

布局文件代码

复制代码 代码如下:
<relativeLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"
    xmlns:tools="http://schemas.androID.com/tools"
    androID:layout_wIDth="match_parent"
    androID:layout_height="match_parent"
    androID:paddingBottom="@dimen/activity_vertical_margin"
    androID:paddingleft="@dimen/activity_horizontal_margin"
    androID:paddingRight="@dimen/activity_horizontal_margin"
    androID:paddingtop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >
 
    <button
        androID:ID="@+ID/mybutton"
        androID:layout_wIDth="match_parent"
        androID:layout_height="wrap_content"
        androID:text="Reload"
        />

    <Progressbar
     
        androID:ID="@+ID/myProgressbar"
        androID:layout_below="@ID/mybutton"
        androID:layout_wIDth="match_parent"
        androID:layout_height="5px"
        />
  <WebVIEw
      androID:ID="@+ID/myWebVIEw"
      androID:layout_below="@ID/myProgressbar"
      androID:layout_wIDth="match_parent"
      androID:layout_height="match_parent"
      />
</relativeLayout>

不要忘记在Mainfest加入使用网络权限哟.

复制代码 代码如下:
<uses-permission androID:name="androID.permission.INTERNET"/>

实现很简单,没什么技术含量.备忘而已.

关于如何自定义进度条请参考:https://www.oudahe.com/p/23126/

总结

以上是内存溢出为你收集整理的Android中实现Webview顶部带进度条的方法全部内容，希望文章能够帮你解决Android中实现Webview顶部带进度条的方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。