ก่อนเริ่มใช้งาน 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 = "http://schemas.android.com/apk/res/android" xmlns:tools = "http://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 = "http://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 ตามที่แสดงด้านบน ก็จะได้ผลลัพธ์ดังภาพด้านล่าง
