前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >顶部带进度条的Webview

顶部带进度条的Webview

作者头像
技术小黑屋
发布2018-09-04 16:46:46
6090
发布2018-09-04 16:46:46
举报
文章被收录于专栏:技术小黑屋技术小黑屋

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

示例图如下

主Activity代码

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58

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://droidyue.com"; webView.loadUrl(url); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main, menu); return true; } }

布局文件代码

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

<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加入使用网络权限哟.

1

<uses-permission android:name="android.permission.INTERNET"/>

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

关于如何自定义进度条请参考:http://winwyf.blog.51cto.com/4561999/857867

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 主Activity代码
  • 布局文件代码
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档