如何在 webView 中加载 URL 时显示进度?


此示例演示了如何在 Android 中加载 URL 到 WebView 时显示进度。

步骤 1 − 在 Android Studio 中创建新项目,转至文件 ⇒ 新项目,并填写所有必需信息以创建新项目。

步骤 2 − 将以下代码添加到 res/layout/activity_main.xml 中。

<?xml version="1.0" encoding="utf-8"?>
<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:padding="2dp"
   tools:context=".MainActivity">
   <ProgressBar
      android:id="@+id/progressBar"
      style="?android:attr/progressBarStyleLarge"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentTop="true"
      android:layout_centerInParent="true"
      android:max="3"
      android:progress="100" />
   <WebView
      android:id="@+id/webView"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_below="@+id/progressBar"
      android:layout_centerHorizontal="true"
      android:layout_marginTop="5dp" />
</RelativeLayout>

步骤 3 − 将以下代码添加到 src/MainActivity.kt 中

import android.os.Bundle
import android.view.View
import android.webkit.WebView
import android.widget.ProgressBar
import androidx.appcompat.app.AppCompatActivity
class MainActivity : AppCompatActivity() {
   lateinit var webView: WebView
   lateinit var progressBar: ProgressBar
   override fun onCreate(savedInstanceState: Bundle?) {
      super.onCreate(savedInstanceState)
      setContentView(R.layout.activity_main)
      title = "KotlinApp"
      webView = findViewById(R.id.webView)
      progressBar = findViewById(R.id.progressBar)
      webView.webViewClient = WebViewClient()
      webView.loadUrl("http://www.amazon.com")
   }
   inner class WebViewClient : android.webkit.WebViewClient() {
      override fun shouldOverrideUrlLoading(view: WebView, url: String): Boolean {
         view.loadUrl(url)
         return false
      }
      override fun onPageFinished(view: WebView, url: String) {
         super.onPageFinished(view, url)
         progressBar.visibility = View.GONE
      }
   }
}

步骤 4 将以下代码添加到 androidManifest.xml 中

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.q11">
<uses-permission android:name="android.permission.INTERNET"/>
   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:supportsRtl="true"
      android:theme="@style/AppTheme">
      <activity android:name=".MainActivity">
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
   </application>
</manifest>

让我们尝试运行你的应用程序。我假设你已经将你的 Android 手机与电脑连接了。要从 Android Studio 运行应用程序,请打开一个你的项目活动文件,并点击运行图标 Play

点击 此处 下载项目代码。

更新日期:2020-11-30

659 次浏览

开启你的职业生涯

完成课程,获得认证

开始
广告