Android WebView带进度条实现详解

"这篇文章主要介绍了如何在Android应用中创建一个带有顶部进度条的WebView，进度条显示在WebView上方，用于指示网页加载的进度。通过使用WebChromeClient和ProgressBar结合，可以实现这一功能。" 在Android开发中，WebView是用于加载和显示网页内容的重要组件。为了提升用户体验，有时我们需要在WebView上方添加一个进度条来显示网页加载的进度。以下是如何实现这个功能的具体步骤： 1. 首先，在布局文件中（如activity_main.xml）添加WebView和ProgressBar。ProgressBar将作为顶部进度条显示在WebView之上： ```xml <ProgressBar android:id="@+id/myProgressBar" android:layout_width="match_parent" android:layout_height="wrap_content" android:indeterminate="false" android:max="100" /> <WebView android:id="@+id/myWebView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 在Activity类中（如MainActivity），获取到ProgressBar和WebView的实例，并设置WebView的WebChromeClient。WebChromeClient提供了与WebView交互的接口，其中包括网页加载进度的回调方法： ```java public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final ProgressBar bar = findViewById(R.id.myProgressBar); final WebView webView = findViewById(R.id.myWebView); // 设置WebChromeClient webView.setWebChromeClient(new WebChromeClient() { @Override public void onProgressChanged(WebView view, int newProgress) { // 当网页加载进度达到100%时，隐藏进度条 if (newProgress == 100) { bar.setVisibility(View.INVISIBLE); } else { // 如果进度条是不可见的，当有新的进度时显示进度条 if (View.INVISIBLE == bar.getVisibility()) { bar.setVisibility(View.VISIBLE); } // 更新进度条的进度 bar.setProgress(newProgress); } } }); // 加载网页 webView.loadUrl("http://www.example.com"); } } ``` 在上述代码中，`onProgressChanged()` 方法会被调用多次，每次传递当前网页加载的进度。当进度达到100%，表示网页已完全加载，此时隐藏进度条；否则，如果进度条之前是不可见的，将其设置为可见并更新进度。 通过这种方式，我们可以为Android的WebView添加一个实时显示加载进度的进度条，提升了用户对加载状态的感知。在实际应用中，还可以根据需求进行自定义样式、动画等优化，以提供更佳的视觉体验。