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

 更新时间:2015年01月17日 11:24:19   投稿:junjie  
这篇文章主要介绍了Android中实现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
      style="?android:attr/progressBarStyleHorizontal"
        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.jb51.net/article/59978.htm

相关文章

  • Android实现获取SERIAL信息的方法

    Android实现获取SERIAL信息的方法

    这篇文章主要介绍了Android实现获取SERIAL信息的方法,涉及Android操作SERIAL的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • Android中ListActivity用法实例分析

    Android中ListActivity用法实例分析

    这篇文章主要介绍了Android中ListActivity用法,结合实例形式较为详细的分析了ListActivity功能,注意事项与相关使用技巧,需要的朋友可以参考下
    2016-02-02
  • 5分钟快速实现Android爆炸破碎酷炫动画特效的示例

    5分钟快速实现Android爆炸破碎酷炫动画特效的示例

    本篇文章主要介绍了5分钟快速实现Android爆炸破碎酷炫动效的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • Android切面编程入门讲解

    Android切面编程入门讲解

    这篇文章给大家分享了关于Android进阶资深开发必备技能-切面编程入门的相关知识点内容,有兴趣的朋友们参考下。
    2018-08-08
  • Android开发之MediaPlayer多媒体(音频,视频)播放工具类

    Android开发之MediaPlayer多媒体(音频,视频)播放工具类

    这篇文章主要介绍了Android开发之MediaPlayer多媒体(音频,视频)播放工具类,涉及Android针对音频文件的读取、播放、暂停、继续等操作实现技巧,需要的朋友可以参考下
    2017-12-12
  • Flutter Android应用启动白屏的解决方案

    Flutter Android应用启动白屏的解决方案

    任何一个app基本都会设计一个启动页,今天我们就来看看怎么在flutter项目中设置启动页,这篇文章主要给大家介绍了关于Flutter Android应用启动白屏解决的相关资料,需要的朋友可以参考下
    2021-11-11
  • android商户扫码枪读取手机二维码

    android商户扫码枪读取手机二维码

    这篇文章主要为大家详细介绍了android商户扫码枪读取手机二维码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Android TextView 字体滚动效果

    Android TextView 字体滚动效果

    这篇文章主要介绍了Android TextView 字体滚动效果的相关资料,需要的朋友可以参考下
    2017-01-01
  • android自定义滚轴选择器

    android自定义滚轴选择器

    这篇文章主要为大家详细介绍了android自定义滚轴选择器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • Android Studio编写微信页面提交功能

    Android Studio编写微信页面提交功能

    这篇文章主要介绍了基于Android Studio编写微信页面提交功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03

最新评论