如何在 Android 中显示网页加载进度百分比？

在 Android 中，WebView 用于显示网页。此外，Web 客户端用于连接到网页并加载它。在网页加载时，WebView 不会提供有关加载状态的实时信息。但是，我们可以获取加载进度并显示此信息。下面给出了一个示例视频，以了解我们将在本文中做什么。请注意，我们将使用Kotlin语言来实现这个项目。

因此，通过本文，我们将向您展示如何在 Android 上显示网页的加载进度。 IDE 准备就绪后，请按照以下步骤操作。

分步实施

第 1 步：在 Android Studio 中创建一个新项目

要在 Android Studio 中创建新项目，请参阅如何在 Android Studio 中创建/启动新项目。我们在 Kotlin 中演示了该应用程序，因此请确保在创建新项目时选择Kotlin作为主要语言。

第 2 步：在 AndroidManifest.xml 文件中添加权限

我们需要添加 INTERNET 权限才能使用 WebView。

第 3 步：使用 activity_main.xml 文件

导航到app > res > layout > activity_main.xml并将以下代码添加到该文件。下面是activity_main.xml文件的代码。添加一个 TextView 来显示加载状态，一个 WebView 来显示网页，以及一个 Button 来启动进程。

第 4 步：使用 MainActivity.kt 文件

转到MainActivity.kt文件并参考以下代码。下面是MainActivity.kt文件的代码。代码中添加了注释以更详细地理解代码。

科特林

package org.geeksforgeeks.webpageloadingstatus
  
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.webkit.WebChromeClient
import android.webkit.WebView
import android.webkit.WebViewClient
import android.widget.Button
import android.widget.TextView
import android.widget.Toast
  
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        // Declaring and initializing the textView,
        // WebView and Button from the layout file
        val mTextView = findViewById(R.id.text_view_1)
        val mWebView = findViewById(R.id.web_view_1)
        val mButton = findViewById(R.id.button_1)
  
        // When button is clicked
        mButton.setOnClickListener {
            // Chrome client is called 
            // to fetch the loading progress
            mWebView.webChromeClient = object : WebChromeClient() {
                override fun onProgressChanged(view: WebView?, newProgress: Int) {
                    mTextView.text = "Loading: $newProgress%"
                    if(newProgress == 100){
                        mTextView.text = "Loaded!"
                    }
                }
            }
            // Loading the URL
            mWebView.loadUrl("https://www.geeksforgeeks.org")
        }
    }
}

输出：

可以看到网页的加载进度。