ก่อนเริ่มใช้งาน webview เราควรรู้ว่า webview คืออะไร Webview เป็นการขยายมุมมองและใช้เพื่อแสดงเนื้อหา HTML หรือหน้าเว็บ
วิธีการมีอยู่ในการดูเว็บ
-
clearHistory() − ใช้เพื่อล้างประวัติการดูเว็บ
-
ทำลาย() − มันถูกใช้เพื่อทำลายสถานะภายในของการดูเว็บ
-
getUrl() −มันถูกใช้เพื่อส่งคืน URL การดูเว็บปัจจุบัน
-
getTitle() − ใช้เพื่อส่งคืนชื่อ webview ปัจจุบัน
-
canGoBack() − มันบ่งชี้ว่า webview ปัจจุบันมีรายการประวัติย้อนหลัง
การใช้ webview จะเปิดเนื้อหา webview ในเบราว์เซอร์ Android เริ่มต้น หากต้องการเปิดภายในแอพพลิเคชั่น ควรOverrideUrlกำลังโหลดดังที่แสดงด้านล่าง
private class MyWebViewClient extends WebViewClient { @Override public boolean shouldOverrideUrlLoading(WebView webView, String url) { return false; } }
ตัวอย่างนี้สาธิตวิธีการใช้ webview ใน Android
ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่
ขั้นตอนที่ 2 − เพิ่มรหัสต่อไปนี้ใน res/layout/activity_main.xml
<?xml version = "1.0" encoding = "utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android = "https://schemas.android.com/apk/res/android" xmlns:tools = "https://schemas.android.com/tools" android:layout_width = "match_parent" android:layout_height = "match_parent"> <WebView android:layout_width = "match_parent" android:layout_height = "match_parent" android:id = "@+id/webView" /> </android.support.constraint.ConstraintLayout>
ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้ใน src/MainActivity.java
package com.example.andy.myapplication; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.ProgressBar; import timber.log.Timber; public class MainActivity extends AppCompatActivity { private WebView simpleWebView; private ProgressBar loadProgress; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); simpleWebView=findViewById(R.id.webView); simpleWebView.setWebViewClient(new WebViewClient()); simpleWebView.getSettings().setLoadsImagesAutomatically(true); simpleWebView.getSettings().setJavaScriptEnabled(true); simpleWebView.setScrollBarStyle(View.VISIBLE); simpleWebView.getSettings().setBuiltInZoomControls(true); simpleWebView.getSettings().setSupportZoom(true); simpleWebView.getSettings().setLoadWithOverviewMode(true); simpleWebView.getSettings().setUseWideViewPort(true); simpleWebView.getSettings().setAllowContentAccess(true); simpleWebView.loadUrl("https://www.tutorialspoint.com/"); } @Override public void onBackPressed() { if (simpleWebView.canGoBack()) { simpleWebView.goBack(); } else { super.onBackPressed(); } } }
ในโค้ดด้านบนนี้ คุณสามารถให้เว็บไซต์ของคุณเป็น loadUrl();
ขั้นตอนที่ 4 − เพิ่มรหัสต่อไปนี้ใน AndroidManifest.xml
<?xml version = "1.0" encoding = "utf-8"?> <manifest xmlns:android = "https://schemas.android.com/apk/res/android" package = "com.example.andy.myapplication"> <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>
ในโค้ดด้านบนนี้ เราให้สิทธิ์อินเทอร์เน็ตเพราะเราเรียกเว็บไซต์จากแหล่งอินเทอร์เน็ต
ขั้นตอนที่ 5 − เพิ่มรหัสต่อไปนี้ใน res/values/string.xml
<resources> <string name = "app_name">My Application</string> <string name = "erroopsproblem">Something error</string> </resources>
มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก จากนั้นตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ
ตอนนี้เมื่อคุณคลิกที่บางสิ่งบางอย่าง ตัวอย่างเช่น คลิกที่ไอคอน HTML ตามที่แสดงด้านบน ก็จะได้ผลลัพธ์ดังภาพด้านล่าง