Android中WebView加载网页设置进度条

发布时间 - 2026-01-11 00:42:57    点击率:

本文实例为大家分享了Android中WebView加载网页设置进度条的具体代码,供大家参考,具体内容如下

效果:

xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="match_parent"
 android:layout_height="match_parent">
 <LinearLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content">
 <RelativeLayout
 android:layout_width="match_parent"
 android:layout_height="48dp"
 android:background="@color/colorPrimary"
 android:layout_weight="0">
 <ImageView
 android:id="@+id/activity_add_authentication_back"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:src="@drawable/activity_news_back"
 android:layout_marginLeft="10dp"/>
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="网页"
 android:textColor="@color/white"
 android:layout_centerVertical="true"
 android:layout_centerHorizontal="true"
 android:textSize="18sp"/>
 </RelativeLayout>
 </LinearLayout>
 <ProgressBar
 android:id="@+id/progressBar1"
 style="?android:attr/progressBarStyleHorizontal"
 android:layout_width="match_parent"
 android:layout_height="3dip"
 android:progressDrawable="@drawable/pg"
 android:visibility="gone" />

 <WebView
 android:id="@+id/web_view"
 android:layout_width="match_parent"
 android:layout_height="match_parent">

 </WebView>
</LinearLayout>

pg.xml

<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>

Java文件:

package com.vimi8.app.activity;

import android.content.Context;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;
import android.widget.Toast;

import com.vimi8.app.R;
import com.vimi8.app.framework.ActivityBase;

/**
 * Created by vimi8 on 2017/4/18.
 */

public class YyxText extends ActivityBase {

 private WebView myWebView ;

 private ProgressBar pg1;


 @Override
 protected void initVariables(Bundle savedInstanceState) {

 }

 @Override
 protected int initLayoutViews() {
 return R.layout.yyx_text;
 }

 @Override
 protected void initViewsAndStaticData() {
 //获取webview控件
 myWebView = (WebView) findViewById(R.id.web_view);
 pg1=(ProgressBar) findViewById(R.id.progressBar1);

 //加载服务器上的页面
 myWebView.loadUrl("http://www.baidu.com");
 //加载本地中的html
 //myWebView.loadUrl("file:///android_asset/www/test2.html");
 //加上下面这段代码可以使网页中的链接不以浏览器的方式打开
 myWebView.setWebViewClient(new WebViewClient());
 //得到webview设置
 WebSettings webSettings = myWebView.getSettings();
 //允许使用javascript
 webSettings.setJavaScriptEnabled(true);
 //将WebAppInterface于javascript绑定
 myWebView.addJavascriptInterface(new WebAppInterface(this), "Android");

 //设置经度条
 myWebView.setWebChromeClient(new WebChromeClient(){
 @Override
 public void onProgressChanged(WebView view, int newProgress) {
 // TODO 自动生成的方法存根

 if(newProgress==100){
  pg1.setVisibility(View.GONE);//加载完网页进度条消失
 }
 else{
  pg1.setVisibility(View.VISIBLE);//开始加载网页时显示进度条
  pg1.setProgress(newProgress);//设置进度值
 }

 }
 });

 }


 @Override
 public boolean onKeyDown(int keyCode, KeyEvent event) {
 if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack()) {
 myWebView.goBack();
 return true;
 }
 return super.onKeyDown(keyCode, event);
 }


 public class WebAppInterface {
 Context mContext;

 /** Instantiate the interface and set the context */
 WebAppInterface(Context c) {
 mContext = c;
 }

 /** Show a toast from the web page */
 @JavascriptInterface
 public void showToast(String toast) {
 Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
 }
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# Android  # WebView加载网页进度条  # Android加载网页进度条  # Android网页进度条  # Android中WebView加载网页设置进度条  # Android Webview添加网页加载进度条实例详解  # Android 进度条 ProgressBar的实现代码(隐藏、出现、加载进度)  # Android自定义View仿华为圆形加载进度条  # Android自定义View实现加载进度条效果  # Android开发之ProgressBar字体随着进度条的加载而滚动  # Android自定义View基础开发之图片加载进度条  # Android自定义带加载动画效果的环状进度条  # Android自定义带进度条WebView仿微信加载过程  # Android自定义View实现圆形加载进度条  # 加载  # 进度条  # 这段  # 大家分享  # 不以  # 绑定  # 具体内容  # 自动生成  # 大家多多  # 网页时  # 器上  # ProgressBar  # sp  # textSize  # progressDrawable  # pg  # dip  # attr  # progressBarStyleHorizontal  # layout_marginLeft 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 详解jQuery中的事件  千库网官网入口推荐 千库网设计创意平台入口  高防服务器租用指南:配置选择与快速部署攻略  ,南京靠谱的征婚网站?  Laravel用户密码怎么加密_Laravel Hash门面使用教程  如何在阿里云服务器自主搭建网站?  Linux系统运维自动化项目教程_Ansible批量管理实战  Laravel怎么进行数据库回滚_Laravel Migration数据库版本控制与回滚操作  北京网站制作的公司有哪些,北京白云观官方网站?  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站?  Thinkphp 中 distinct 的用法解析  Python自动化办公教程_ExcelWordPDF批量处理案例  个人摄影网站制作流程,摄影爱好者都去什么网站?  如何在HTML表单中获取用户输入并用JavaScript动态控制复利计算循环  Laravel如何配置.env文件管理环境变量_Laravel环境变量使用与安全管理  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  百度输入法ai组件怎么删除 百度输入法ai组件移除工具  Laravel怎么在Blade中安全地输出原始HTML内容  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  Laravel如何使用Service Container和依赖注入?(代码示例)  Laravel如何与Inertia.js和Vue/React构建现代单页应用  音响网站制作视频教程,隆霸音响官方网站?  PHP 500报错的快速解决方法  韩国服务器如何优化跨境访问实现高效连接?  高端智能建站公司优选:品牌定制与SEO优化一站式服务  Laravel distinct去重查询_Laravel Eloquent去重方法  如何在IIS中新建站点并配置端口与IP地址?  Laravel如何处理JSON字段_Eloquent原生JSON字段类型操作教程  学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?  nodejs redis 发布订阅机制封装实现方法及实例代码  高端建站三要素:定制模板、企业官网与响应式设计优化  悟空识字怎么关闭自动续费_悟空识字取消会员自动扣费步骤  公司门户网站制作流程,华为官网怎么做?  php读取心率传感器数据怎么弄_php获取max30100的心率值【指南】  如何选择可靠的免备案建站服务器?  Laravel如何使用withoutEvents方法临时禁用模型事件  Laravel如何使用Blade模板引擎?(完整语法和示例)  Android自定义listview布局实现上拉加载下拉刷新功能  新三国志曹操传主线渭水交兵攻略  javascript基本数据类型及类型检测常用方法小结  简单实现Android文件上传  Laravel怎么使用Session存储数据_Laravel会话管理与自定义驱动配置【详解】  Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】  如何在云主机快速搭建网站站点?  头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?  详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)  HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调?  WEB开发之注册页面验证码倒计时代码的实现  如何用狗爹虚拟主机快速搭建网站?