如何在 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 次瀏覽

開啟你的職業生涯

完成課程,獲得認證

開始
廣告
© . All rights reserved.