首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我使用带有WebView的LinearProgressIndicator来显示网页渲染进度,当进度动画达到100时如何隐藏?

要隐藏带有WebView的LinearProgressIndicator进度动画,可以通过以下步骤实现:

  1. 首先,确保你已经在应用程序中正确地使用了WebView和LinearProgressIndicator组件。
  2. 在你的代码中,监听WebView的加载进度。可以使用WebView的onProgressChanged回调方法来获取加载进度的更新。
  3. 在onProgressChanged回调方法中,检查加载进度是否达到了100。如果是,表示网页已经完全加载完成。
  4. 当加载进度达到100时,你可以通过设置LinearProgressIndicator的可见性来隐藏进度动画。可以使用setVisibility方法将其设置为View.GONE,这样进度动画就会消失。

下面是一个示例代码片段,展示了如何实现上述步骤:

代码语言:txt
复制
WebView webView = findViewById(R.id.webView);
LinearProgressIndicator progressIndicator = findViewById(R.id.progressIndicator);

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageStarted(WebView view, String url, Bitmap favicon) {
        // 网页加载开始时的操作
        progressIndicator.setVisibility(View.VISIBLE);
    }

    @Override
    public void onPageFinished(WebView view, String url) {
        // 网页加载完成时的操作
        progressIndicator.setVisibility(View.GONE);
    }
    
    @Override
    public void onProgressChanged(WebView view, int newProgress) {
        // 监听加载进度的更新
        if (newProgress == 100) {
            // 加载进度达到100时隐藏进度动画
            progressIndicator.setVisibility(View.GONE);
        }
    }
});

webView.loadUrl("https://www.example.com");

在上述示例中,当WebView开始加载网页时,我们将LinearProgressIndicator设置为可见。当网页加载完成或进度达到100时,我们将其设置为不可见,从而隐藏进度动画。

请注意,这只是一个示例代码片段,你需要根据你的具体应用场景进行适当的调整和修改。另外,关于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体品牌商,所以无法提供相关链接。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

WKWebView

你还可以使用 setMagnification:centeredAtPoint: 以编程方式设置Web内容第一次在Web视图中显示缩放比例。 此后,用户可以使用手势改变比例。...WKWebViewConfiguration仅在首次初始化WebView视图时候使用WebView视图被创建以后,你就无法再使用此类更改WebView配置信息了。...使用 Https 协议加载web内容时,使用证书不合法或者证书过期时需要使用该方法. - (void)webView:(WKWebView *)webView didReceiveAuthenticationChallenge...显示加载进度条 我们可以通过监听WKWebViewestimatedProgress属性值实现一个加载进度条,而UIWebView只能是通过timer事件做一个假加载进度条。..., 6,上面讲到,我们可以使用KVO监听WKWebViewestimatedProgress属性值变化实现加载进度条,那么WKWebView中还有那些属性值变化也是可以被KVO监听到呢?

5.9K20

WebView深度学习(二)之全面总结WebView遇到坑及优化

上篇文章讲到了WebView基本使用以及Android和js交互. 这篇文章讲一下WebView遇到那些坑,带领各位爬坑。这里如果有你没遇到问题,欢迎留言告诉尽我所能帮你解决。...(2) 怎么用网页标题设置自己标题栏?...---- ⇒ 五、关于WebView一点小优化: (1)给WebView加一个加载进度条   用Webview加载一个网页时,如果加载时间长,界面会一直空白,体验不太好,所以加个进度条更好看一下...方法里面的进度值调用 progressView.setProgress()方法去更新进度条,加载100%时候让进度条消失。...但我们怎么能让用户发现原来使用网页应用呢,我们期望是用户在网页上得到是如原生般应用体验,那就先要从干掉这个默认出错页面开始。

5.7K30

一款Android WebView进度显示控件,使其加载进度平滑过渡。

WebProgress 一款Android WebView进度显示控件,使其加载进度平滑过渡。...GitHub地址:WebProgress Gif Preview [演示图] gif可能有点卡,可下载使用此控件WebView项目查看:网页浏览器 Use 建议直接将类拷贝到项目中:WebProgress...in WebView 显示进度条: mWebView.loadUrl(mUrl); mProgress.show(); 处理返回进度: @Override public void onProgressChanged...加载完成之后,无网隐藏进度条 if (!...优化处: 1.增加能显示进度渐变色 2.修复progress同时返回两次100时进度条出现两次 3.一条进度没跑完,又点击其他链接开始第二次进度时,第二次进度不出现 4.修改消失动画时长,使其消失时可以看到进度跑完

2.5K30

一款Android WebView进度显示控件,使其加载进度平滑过渡。

WebProgress 一款Android WebView进度显示控件,使其加载进度平滑过渡。 GitHub地址:WebProgress Gif Preview ?...演示图 gif可能有点卡,可下载使用此控件WebView项目查看:网页浏览器 Use 建议直接将类拷贝到项目中:WebProgress xml文件引入: <me.jingbin.library.WebProgress...in WebView 显示进度条: mWebView.loadUrl(mUrl); mProgress.show(); 处理返回进度: @Override public void onProgressChanged.../ html加载完成之后,无网隐藏进度条 if (!...优化处: 1.增加能显示进度渐变色 2.修复progress同时返回两次100时进度条出现两次 3.一条进度没跑完,又点击其他链接开始第二次进度时,第二次进度不出现 4.修改消失动画时长,使其消失时可以看到进度跑完

1.1K90

Android -- 真正 高仿微信 打开网页进度条效果

三,实现思路   四,代码,内含注释   五,使用方法与截图   六,完整项目 一,为什么说是真正高仿?   ...好了,上面说到,之前网上方法都是都忽略了微信加载网页时,进度缓慢动画效果,实现代码也是千篇一律,如下: /** 先实例化个进度条 */ ProgressBar mProgressBar = (ProgressBar...以为是 ProgressBar 控件可能自身提供了动画 API,可惜,没有,故自己动手写了这个,你如果找到了,告诉下。 二,为什么要搞缓慢效果?   ...主要是通过改变 view LayoutParam 实现有不同速度移动效果,在每一次进度段,例如第一次0~24,第二次24~56,这就是两个进度段,这两个进度段,具有不同速度,这个需要计算出来...,先根据手机屏幕宽度和 0~100 进度数值等比计算出实际宽度,再计算出移动速度,计算出来每个进度数据后,讲它们放进一个列表容器里面,然后通过一个 handler 循环提取同期数据,不断地发消息

1.2K60

WebView开源库终极方案

} ``` 针对类似购物商品详情页面的webView WebView在最顶部或者最底部时候,不消费事件,则可以使用VerticalWebView 2.3 常用api 关于web接口回调,包括常见状态页面切换...显示一个加载进度条可以说很大程度上提升用户体验。...”接口方法,目的是提供给Js调用。...在这个方法中,可以给WebView自定义进度条,类似微信加载网页那种进度条 如果在此方法中注入js代码,则需要避免重复注入,需要增强逻辑。...web音频播放销毁后还有声音 5.0.7 DNS采用和客户端API相同域名 5.0.8 如何设置白名单操作 5.0.9 后台无法释放js导致发热耗电 5.1.0 可以提前显示加载进度条 5.1.1 WebView

3K30

基于腾讯x5开源库,提高60%开发效率

接口,web接口回调,包括常见状态页面切换【状态页面切换】,进度条变化【显示进度监听】等 Message 自定义消息Message实体类 ProgressWebView...在这个方法中,可以给WebView自定义进度条,类似微信加载网页那种进度条 如果在此方法中注入js代码,则需要避免重复注入,需要增强逻辑。...正是因为这个原因,页面的进度加载到80%时候,实际上dom树已经渲染得差不多了,表明WebView已经解析了标签,这时候注入一定是成功。...比如使用Webview相关Activity加载一个来自网页url,如果此url来自url scheme中参数,如:yc://ycbjie:8888/from?...硬件加速导致页面渲染闪烁 4.0以上系统我们开启硬件加速后,WebView渲染页面更加快速,拖动也更加顺滑。

3.4K30

项目需求讨论-WebView进度加载条

这次是因为做项目是原生内嵌WebView,所以当我们WebView在加载网页时候,需要有个加载进度条,当然这时候有很多种选择,但是因为普通对话框类型加载框太丑,我们就舍弃掉了,而是模仿微信里面的进度加载条...,也就是在WebView 顶部会有一条线显示加载进度。...我们进度大于85的话,就在一秒钟内慢慢加载完,加载完后调用hideProgress方法隐藏进度条, private void hideProgressWithAnim() { AnimationSet...这里不知道一般大家在做其他APPWebView进度时候,是按照它真实newProgress加载,也就是加载了一次全,然后进度条重新加载一次,再加载一次。...就想到重写WebViewClient,因为里面有二个方法://网页加载完毕后这个方法会被回调 public void onPageFinished (WebView view, String url

98130

Android开发中使用WebView控件浏览网页方法详解

本文实例讲述了Android开发中使用WebView控件浏览网页方法。...()方法判断是否能够从该网页返回上一个打开网页使用getTitle()和getUrl()方法获得当前网页标题和URL路径;使用loadUrl(String url)方法加载所要打开网页等等。...//网页加载完毕 我们所做JS渲染就是在 onpageFinish 之后进行,JS 越复杂,渲染越慢。...在WebChromeClient中,网页加载进度发生变化时,onProgressChanged(WebView view, int newProgress)方法会被调用;网页图标发生改变时,onReceivedIcon...这里,使用了百度地图API接口(一份内嵌了JavascriptHTML文档),在该接口中提供如下Javascript方法: /*********************************/

2.7K10

这是一份Android全面&详细-Webview使用攻略

其实这是Android里一个叫WebView组件实现。今天将全面介绍WebView常用用法。...作用 显示渲染Web页面 直接使用html文件(网络上或本地assets中)作布局 可和JavaScript交互调用 WebView控件功能强大,除了具有一般View属性和设置外,还可以对url请求..., 而是在本WebView显示;在网页所有加载都经过这个方法,这个函数我们可以做很多操作。...App里面使用webview控件时候遇到了诸如404这类错误时候,若也显示浏览器里面的那种错误提示页面就显得很丑陋了,那么这个时候我们app就需要加载一个本地错误提示页面,即webview如何加载一个本地页面...常见使用: 常见方法1: onProgressChanged() 作用:获得网页加载进度显示 webview.setWebChromeClient(new WebChromeClient(){

3.9K20

Carson带你学Android:最全面的Webview使用详解

作用 显示渲染Web页面 直接使用html文件(网络上或本地assets中)作布局 可和JavaScript交互调用 WebView控件功能强大,除了具有一般View属性和设置外,还可以对url请求..., 而是在本WebView显示;在网页所有加载都经过这个方法,这个函数我们可以做很多操作。...App里面使用webview控件时候遇到了诸如404这类错误时候,若也显示浏览器里面的那种错误提示页面就显得很丑陋了,那么这个时候我们app就需要加载一个本地错误提示页面,即webview如何加载一个本地页面...常见使用: 常见方法1: onProgressChanged() 作用:获得网页加载进度显示 webview.setWebChromeClient(new WebChromeClient(){...每个网页页面都有一个标题,比如www.baidu.com这个页面的标题即“百度一下,你就知道”,那么如何知道当前webview正在加载页面的title并进行设置呢?

1.6K40

Android:最全面的 Webview 详解

其实这是Android里一个叫WebView组件实现。今天将全面介绍WebView常用用法。 ---- 目录 ? ---- 1....作用 显示渲染Web页面 直接使用html文件(网络上或本地assets中)作布局 可和JavaScript交互调用 WebView控件功能强大,除了具有一般View属性和设置外,还可以对url请求..., 而是在本WebView显示;在网页所有加载都经过这个方法,这个函数我们可以做很多操作。...App里面使用webview控件时候遇到了诸如404这类错误时候,若也显示浏览器里面的那种错误提示页面就显得很丑陋了,那么这个时候我们app就需要加载一个本地错误提示页面,即webview如何加载一个本地页面...常见使用: 常见方法1: onProgressChanged() 作用:获得网页加载进度显示 webview.setWebChromeClient(new WebChromeClient(){

3.4K20

WebView最详解

现在市面上 App里几乎都内置了 Web网页,比如说很多电商平台,某东、某宝等等,网页具有更新及时、部署方便等特点,移动端往往会搭配 WebView去加载 H5等页面。...Android Webview在低版本和高版本采用了不同 webkit版本内核,4.4后使用了 Chrome内核,而 WebView可以对 url请求、页面加载、渲染、页面交互进行处理。...↳android.webkit.WebView 其继承关系如上图所示,下面是一个简单代码示例: //WebView类下面的方法,通常使用就是我们用来加载Url mWebView.loadUrl...,默认16,可取值1到72 ws.setDefaultFontSize(36); /* *API21调用 *一个安全来源(origin)试图从一个不安全来源加载资源时配置WebView行为。...} }); 实例演示 这里我们演示一个带进度加载 url实例。

1.1K30

Android webView打开网页

注意:使用WebView不当容易引起内存泄漏,所以WebView生命周期方法应跟随Activity生命周期方法调用。...onScaleChanged():页面的缩放比例发生变化时调用,这时候可以根据当前缩放比例重新调整WebView显示内容,如修改字体大小、图片大小等。...- onProgressChanged 加载进度回调 简单使用 因为需要加载网页url,所以需要在AndroidManifest.xml中添加访问网络权限。...跟ProgressBar,WebView宽高匹配父类,ProgressBar横向进度条,高度3dip,按照FrameLayout布局规则,ProgressBar会覆盖在WebView之上,默认是隐藏显示...webViewClient 重写了几个方法,onPageFinished页面加载完成隐藏进度条,onPageStarted页面开始加载显示进度条,shouldOverrideUrlLoading拦截url

1.7K20

Android混合开发教程之WebView使用方法总结

前言: 今天修改项目中一个有关WebView使用bug,激起了总结WebView动机,今天抽空做个总结。 简介 WebView是一个基于webkit引擎、展现web页面的控件。...作用 显示渲染Web页面 直接使用html文件(网络上或本地assets中)作布局 可和JavaScript交互调用 WebView控件功能强大,除了具有一般View属性和设置外,还可以对url请求...更多处理网页地址解析和渲染,例如 onLoadResource//加载资源时响应   onPageStart//在加载页面时响应   onPageFinish//在加载页面结束时响应   ...//加载进度   onReceivedIcon //获取网页icon   onReceivedTitle//获取网页title 7.)设置网页栈返回 webview会默认把浏览过去网页进行压栈存储...开启硬件加速强制使用GPU渲染,确实给app流畅度带来不小提升,但是在使用过程中遇见webview闪烁,也有导致加载webView黑屏或者白屏 解决办法:关闭硬件加速 webView.setLayerType

1.3K20

Android用webView包装WebAPP方法

前一阵子,老板要将 WebAPP 放到 Android 和 iOS 里面,而我因为以前做过安卓,所以这方面就由我打包,原理是很简单,就是打开 APP 时候用 webView 加载网站网址,这样服务器一次更新...博客,不过在此之前,先记录下所经历一些坑,工具使用是 Android studio; 创建一个项目,这个就不说了,网上很多教程; 首先在 app/src/main/AndroidManifest.xml...对话框,网站图标,网站title,加载进度等; js 里面使用 alert 和 confirm 需要在WebChromeClient里面进行修改,提供对话框; 2.2 关于onPageFinished...,更新服务器内容即可使用最新功能;而访问本地资源的话,加载速度会快一点,而且即使断网也可以看到默认东西; 刚刚有说到,进入 APP 快慢问题,这里是调用了一个加载动画完成: 这边选择动画时这个...</android.support.constraint.ConstraintLayout 这时候可以,这样 loading 动画就添加好了,后面只需要在 Java 代码里显示隐藏就行了; 最关键

1.4K20

Android自定义webView头部进度加载效果

看图说话: 上图是不是加载网页时候会有一个进度条在横向加载,比以前网速不好时候是一片空白给人感觉友好多了是不,然后效果还不错。...实现思路 就是自己画一条进度线(大家应该都会吧)然后加载到WebView上面,开始进度条是隐藏进度线初始值为1,然后为了效果好一点,初始少于10进度都让它加载到10位置,等进度到100时候0.2...);// 屏幕自适应网页,如果没有这个,在低分辨率手机上显示可能会异常 mSettings.setRenderPriority(WebSettings.RenderPriority.HIGH); //...webView里面,然后自定义WebChromeClient通过重写onProgressChanged()方法调用 progressBar.setProgress(newProgress)更新进度进度到...100时再隐藏,是不是思路很清晰,其他就是一些webView设置和封装这里都有清楚注释,自己去看。

1.3K10

混合开发之WebView秘笈

作用 显示渲染Web页面 直接使用html文件(网络上或本地assets中)作布局 可和JavaScript交互调用 WebView控件功能强大,除了具有一般View属性和设置外,还可以对url请求...App里面使用webview控件时候遇到了诸如404这类错误时候,若也显示浏览器里面的那种错误提示页面就显得很丑陋了,那么这个时候我们app就需要加载一个本地错误提示页面,即webview如何加载一个本地页面...常见方法1: onProgressChanged() 作用:获得网页加载进度显示 webview.setWebChromeClient(new WebChromeClient(){ @Override...加载优化 WebView使用频率变得频繁时候,对于其各方面的优化就变得逐渐重要了起来。...除了HTML主URL自身请求外,HTML外部引用 JS、CSS、字体文件、图片都是一个个独立HTTP 请求,虽然请求是并发,但网页整体数量达到一定程度时候,再加上浏览器解析、渲染时间,Web

1.9K30
领券