Hướng Dẫn Và Ví Dụ Android WebView - Openplanning

• Tất cả tài liệu
• Java
  • Java Basic
  • Java Collections Framework
  • Java IO
  • Java New IO
  • Java Date Time
  • Servlet/JSP
  • Eclipse Tech
    • SWT
    • RCP
    • RAP
    • Eclipse Plugin Tools
  • XML & HTML
  • Java Opensource
  • Java Application Servers
• Maven
• Gradle
• Servlet/Jsp
• Thymeleaf
• Spring
  • Spring Boot
  • Spring Cloud
• Struts2
• Hibernate
• Java Web Service
• JavaFX
• SWT
• Oracle ADF
• Android
• iOS
• Python
• Swift
• C#
• C/C++
• Ruby
• Dart
• Batch
• Database
  • Oracle
  • MySQL
  • SQL Server
  • PostGres
  • Other Database
• Oracle APEX
• Report
• Client
• ECMAScript / Javascript
• TypeScript
• NodeJS
• ReactJS
• Flutter
• AngularJS
• HTML
• CSS
• Bootstrap
• OS
  • Ubuntu
  • Solaris
  • Mac OS
• VPS
• Git
• SAP
• Amazon AWS
• Khác
  • Chưa phân loại
  • Phần mềm & ứng dụng tiện ích
  • VirtualBox
  • VmWare

Hướng dẫn và ví dụ Android WebView

1. Android WebView là gì?
2. Ví dụ với Android WebView
3. Phụ lục: Thiết kế giao diện

1. Android WebView là gì?

• TODO: Chém gió thêm ở đây.

2. Ví dụ với Android WebView

Tiếp theo, chúng ta sẽ thực hành một ví dụ đơn giản. Trong ví dụ này WebView sẽ hiển thị một nội dung tĩnh, và một nội dung từ một URL.Tạo một project có tên AndroidWebView:

• File > New > New Project > Empty Activity
  • Name: AndroidWebView
  • Package name: org.o7planning.androidwebview
  • Language: Java

Ứng dụng của bạn sẽ kết nối với internet, vì vậy bạn cần phải cấu hình cho phép điều này trong AndroidManifest.xml, thêm vào:<uses-permission android:name="android.permission.INTERNET" />Nội dung đầy đủ của AndroidManifest.xml:AndroidManifest.xml<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="org.o7planning.androidwebview"> <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>Giao diện ứng dụng:

Nếu bạn quan tâm tới các bước để thiết kế giao diện của ứng dụng này xin hãy xem phần phụ lục phía cuối của bài viết.

activity_main.xml<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <EditText android:id="@+id/editText_addressBar" android:layout_width="375dp" android:layout_height="48dp" android:layout_marginStart="16dp" android:layout_marginLeft="16dp" android:layout_marginTop="25dp" android:layout_marginEnd="16dp" android:layout_marginRight="16dp" android:ems="10" android:inputType="textPersonName" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> <LinearLayout android:id="@+id/linearLayout" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_marginStart="16dp" android:layout_marginLeft="16dp" android:layout_marginTop="16dp" android:layout_marginEnd="16dp" android:layout_marginRight="16dp" android:orientation="horizontal" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/editText_addressBar"> <Space android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" /> <Button android:id="@+id/button_static" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="0" android:text="Static Content" /> <Button android:id="@+id/button_go" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="0" android:text="Go" /> </LinearLayout> <WebView android:id="@+id/webView" android:layout_width="0dp" android:layout_height="0dp" android:layout_marginStart="16dp" android:layout_marginLeft="16dp" android:layout_marginTop="16dp" android:layout_marginEnd="16dp" android:layout_marginRight="16dp" android:layout_marginBottom="16dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/linearLayout" /> </androidx.constraintlayout.widget.ConstraintLayout>MyWebViewClient.javapackage org.o7planning.androidwebview; import android.graphics.Bitmap; import android.util.Log; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.EditText; public class MyWebViewClient extends WebViewClient { private EditText addressBar; public MyWebViewClient(EditText addressBar) { this.addressBar= addressBar; } // When you click on any interlink on webview. @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { Log.i("MyLog","Click on any interlink on webview that time you got url :-" + url); addressBar.setText(url); return super.shouldOverrideUrlLoading(view, url); } // When page loading @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { super.onPageStarted(view, url, favicon); Log.i("MyLog", "Your current url when webpage loading.." + url); } // When page load finish. @Override public void onPageFinished(WebView view, String url) { Log.i("MyLog", "Your current url when webpage loading.. finish" + url); super.onPageFinished(view, url); } @Override public void onLoadResource(WebView view, String url) { super.onLoadResource(view, url); } }MainActivity.javapackage org.o7planning.androidwebview; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.webkit.WebView; import android.widget.Button; import android.widget.EditText; import android.widget.Toast; public class MainActivity extends Activity { private EditText addressBar; private WebView webView; private Button buttonGo; private Button buttonStatic; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); buttonGo =(Button)findViewById(R.id.button_go); buttonStatic =(Button)findViewById(R.id.button_static); addressBar =(EditText)findViewById(R.id.editText_addressBar); webView =(WebView)findViewById(R.id.webView); // Tùy biến WebViewClient để điều khiển các sự kiện trên WebView webView.setWebViewClient(new MyWebViewClient(addressBar)); buttonGo.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View view) { goUrl(); } }); buttonStatic.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View view) { showStaticContent(); } }); } private void goUrl() { String url = addressBar.getText().toString().trim(); if(url.isEmpty()) { Toast.makeText(this,"Please enter url",Toast.LENGTH_SHORT).show(); return; } webView.getSettings().setLoadsImagesAutomatically(true); webView.getSettings().setJavaScriptEnabled(true); webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY); webView.loadUrl(url); } private void showStaticContent() { String staticContent="<h2>Select web page</h2>" + "<ul><li><a href='http://eclipse.org'>Eclipse</a></li>" +"<li><a href='http://google.com'>Google</a></li></ul>"; webView.loadData(staticContent, "text/html", "UTF-8"); } }

3. Phụ lục: Thiết kế giao diện

Thêm EditText và các Button vào giao diện.Thêm WebView vào giao diện.Sét đặt ID, Text cho các thành phần trên giao diện.

Các hướng dẫn lập trình Android

• Cấu hình Android Emulator trong Android Studio
• Hướng dẫn và ví dụ Android ToggleButton
• Tạo một File Finder Dialog đơn giản trong Android
• Hướng dẫn và ví dụ Android TimePickerDialog
• Hướng dẫn và ví dụ Android DatePickerDialog
• Bắt đầu với Android cần những gì?
• Cài đặt Android Studio trên Windows
• Cài đặt Intel® HAXM cho Android Studio
• Hướng dẫn và ví dụ Android AsyncTask
• Hướng dẫn và ví dụ Android AsyncTaskLoader
• Hướng dẫn lập trình Android cho người mới bắt đầu - Các ví dụ cơ bản
• Làm sao biết số số điện thoại của Android Emulator và thay đổi nó
• Hướng dẫn và ví dụ Android TextInputLayout
• Hướng dẫn và ví dụ Android CardView
• Hướng dẫn và ví dụ Android ViewPager2
• Lấy số điện thoại trong Android sử dụng TelephonyManager
• Hướng dẫn và ví dụ Android Phone Call
• Hướng dẫn và ví dụ Android Wifi Scanning
• Hướng dẫn lập trình Android Game 2D cho người mới bắt đầu
• Hướng dẫn và ví dụ Android DialogFragment
• Hướng dẫn và ví dụ Android CharacterPickerDialog
• Hướng dẫn lập trình Android cho người mới bắt đầu - Hello Android
• Hướng dẫn sử dụng Android Device File Explorer
• Bật tính năng USB Debugging trên thiết bị Android
• Hướng dẫn và ví dụ Android UI Layouts
• Hướng dẫn và ví dụ Android SMS
• Hướng dẫn lập trình Android với Database SQLite
• Hướng dẫn và ví dụ Google Maps Android API
• Hướng dẫn chuyển văn bản thành lời nói trong Android
• Hướng dẫn và ví dụ Android Space
• Hướng dẫn và ví dụ Android Toast
• Tạo một Android Toast tùy biến
• Hướng dẫn và ví dụ Android SnackBar
• Hướng dẫn và ví dụ Android TextView
• Hướng dẫn và ví dụ Android TextClock
• Hướng dẫn và ví dụ Android EditText
• Hướng dẫn và ví dụ Android TextWatcher
• Định dạng số thẻ tín dụng với Android TextWatcher
• Hướng dẫn và ví dụ Android Clipboard
• Tạo một File Chooser đơn giản trong Android
• Hướng dẫn và ví dụ Android AutoCompleteTextView và MultiAutoCompleteTextView
• Hướng dẫn và ví dụ Android ImageView
• Hướng dẫn và ví dụ Android ImageSwitcher
• Hướng dẫn và ví dụ Android ScrollView và HorizontalScrollView
• Hướng dẫn và ví dụ Android WebView
• Hướng dẫn và ví dụ Android SeekBar
• Hướng dẫn và ví dụ Android Dialog
• Hướng dẫn và ví dụ Android AlertDialog
• Hướng dẫn và ví dụ Android RatingBar
• Hướng dẫn và ví dụ Android ProgressBar
• Hướng dẫn và ví dụ Android Spinner
• Hướng dẫn và ví dụ Android Button
• Hướng dẫn và ví dụ Android Switch
• Hướng dẫn và ví dụ Android ImageButton
• Hướng dẫn và ví dụ Android FloatingActionButton
• Hướng dẫn và ví dụ Android CheckBox
• Hướng dẫn và ví dụ Android RadioGroup và RadioButton
• Hướng dẫn và ví dụ Android Chip và ChipGroup
• Sử dụng các tài sản ảnh và biểu tượng của Android Studio
• Thiết lập SD Card cho Android Emulator
• Ví dụ với ChipGroup và các Chip Entry
• Làm sao thêm thư viện bên ngoài vào dự án Android trong Android Studio?
• Làm sao loại bỏ các quyền đã cho phép trên ứng dụng Android
• Làm sao loại bỏ các ứng dụng ra khỏi Android Emulator?
• Hướng dẫn và ví dụ Android LinearLayout
• Hướng dẫn và ví dụ Android TableLayout
• Hướng dẫn và ví dụ Android FrameLayout
• Hướng dẫn và ví dụ Android QuickContactBadge
• Hướng dẫn và ví dụ Android StackView
• Hướng dẫn và ví dụ Android Camera
• Hướng dẫn và ví dụ Android MediaPlayer
• Hướng dẫn và ví dụ Android VideoView
• Phát hiệu ứng âm thanh trong Android với SoundPool
• Hướng dẫn lập trình mạng trong Android - Android Networking
• Hướng dẫn xử lý JSON trong Android
• Lưu trữ dữ liệu trên thiết bị với Android SharedPreferences
• Hướng dẫn lập trình Android với bộ lưu trữ trong (Internal Storage)
• Hướng dẫn lập trình Android với bộ lưu trữ ngoài (External Storage)
• Hướng dẫn sử dụng Intent trong Android
• Ví dụ về một Android Intent tường minh, gọi một Intent khác
• Ví dụ về Android Intent không tường minh, mở một URL, gửi một email
• Hướng dẫn sử dụng Service trong Android
• Hướng dẫn sử dụng thông báo trong Android - Android Notification
• Hướng dẫn và ví dụ Android DatePicker
• Hướng dẫn và ví dụ Android TimePicker
• Hướng dẫn và ví dụ Android Chronometer
• Hướng dẫn và ví dụ Android OptionMenu
• Hướng dẫn và ví dụ Android ContextMenu
• Hướng dẫn và ví dụ Android PopupMenu
• Hướng dẫn và ví dụ Android Fragment
• Hướng dẫn và ví dụ Android ListView
• Android ListView với Checkbox sử dụng ArrayAdapter
• Hướng dẫn và ví dụ Android GridView

Show More

• Các hướng dẫn lập trình Flutter

Các hướng dẫn lập trình Android

• Cấu hình Android Emulator trong Android Studio
• Hướng dẫn và ví dụ Android ToggleButton
• Tạo một File Finder Dialog đơn giản trong Android
• Hướng dẫn và ví dụ Android TimePickerDialog
• Hướng dẫn và ví dụ Android DatePickerDialog
• Bắt đầu với Android cần những gì?
• Cài đặt Android Studio trên Windows
• Cài đặt Intel® HAXM cho Android Studio
• Hướng dẫn và ví dụ Android AsyncTask
• Hướng dẫn và ví dụ Android AsyncTaskLoader
• Hướng dẫn lập trình Android cho người mới bắt đầu - Các ví dụ cơ bản
• Làm sao biết số số điện thoại của Android Emulator và thay đổi nó
• Hướng dẫn và ví dụ Android TextInputLayout
• Hướng dẫn và ví dụ Android CardView
• Hướng dẫn và ví dụ Android ViewPager2
• Lấy số điện thoại trong Android sử dụng TelephonyManager
• Hướng dẫn và ví dụ Android Phone Call
• Hướng dẫn và ví dụ Android Wifi Scanning
• Hướng dẫn lập trình Android Game 2D cho người mới bắt đầu
• Hướng dẫn và ví dụ Android DialogFragment
• Hướng dẫn và ví dụ Android CharacterPickerDialog
• Hướng dẫn lập trình Android cho người mới bắt đầu - Hello Android
• Hướng dẫn sử dụng Android Device File Explorer
• Bật tính năng USB Debugging trên thiết bị Android
• Hướng dẫn và ví dụ Android UI Layouts
• Hướng dẫn và ví dụ Android SMS
• Hướng dẫn lập trình Android với Database SQLite
• Hướng dẫn và ví dụ Google Maps Android API
• Hướng dẫn chuyển văn bản thành lời nói trong Android
• Hướng dẫn và ví dụ Android Space
• Hướng dẫn và ví dụ Android Toast
• Tạo một Android Toast tùy biến
• Hướng dẫn và ví dụ Android SnackBar
• Hướng dẫn và ví dụ Android TextView
• Hướng dẫn và ví dụ Android TextClock
• Hướng dẫn và ví dụ Android EditText
• Hướng dẫn và ví dụ Android TextWatcher
• Định dạng số thẻ tín dụng với Android TextWatcher
• Hướng dẫn và ví dụ Android Clipboard
• Tạo một File Chooser đơn giản trong Android
• Hướng dẫn và ví dụ Android AutoCompleteTextView và MultiAutoCompleteTextView
• Hướng dẫn và ví dụ Android ImageView
• Hướng dẫn và ví dụ Android ImageSwitcher
• Hướng dẫn và ví dụ Android ScrollView và HorizontalScrollView
• Hướng dẫn và ví dụ Android WebView
• Hướng dẫn và ví dụ Android SeekBar
• Hướng dẫn và ví dụ Android Dialog
• Hướng dẫn và ví dụ Android AlertDialog
• Hướng dẫn và ví dụ Android RatingBar
• Hướng dẫn và ví dụ Android ProgressBar
• Hướng dẫn và ví dụ Android Spinner
• Hướng dẫn và ví dụ Android Button
• Hướng dẫn và ví dụ Android Switch
• Hướng dẫn và ví dụ Android ImageButton
• Hướng dẫn và ví dụ Android FloatingActionButton
• Hướng dẫn và ví dụ Android CheckBox
• Hướng dẫn và ví dụ Android RadioGroup và RadioButton
• Hướng dẫn và ví dụ Android Chip và ChipGroup
• Sử dụng các tài sản ảnh và biểu tượng của Android Studio
• Thiết lập SD Card cho Android Emulator
• Ví dụ với ChipGroup và các Chip Entry
• Làm sao thêm thư viện bên ngoài vào dự án Android trong Android Studio?
• Làm sao loại bỏ các quyền đã cho phép trên ứng dụng Android
• Làm sao loại bỏ các ứng dụng ra khỏi Android Emulator?
• Hướng dẫn và ví dụ Android LinearLayout
• Hướng dẫn và ví dụ Android TableLayout
• Hướng dẫn và ví dụ Android FrameLayout
• Hướng dẫn và ví dụ Android QuickContactBadge
• Hướng dẫn và ví dụ Android StackView
• Hướng dẫn và ví dụ Android Camera
• Hướng dẫn và ví dụ Android MediaPlayer
• Hướng dẫn và ví dụ Android VideoView
• Phát hiệu ứng âm thanh trong Android với SoundPool
• Hướng dẫn lập trình mạng trong Android - Android Networking
• Hướng dẫn xử lý JSON trong Android
• Lưu trữ dữ liệu trên thiết bị với Android SharedPreferences
• Hướng dẫn lập trình Android với bộ lưu trữ trong (Internal Storage)
• Hướng dẫn lập trình Android với bộ lưu trữ ngoài (External Storage)
• Hướng dẫn sử dụng Intent trong Android
• Ví dụ về một Android Intent tường minh, gọi một Intent khác
• Ví dụ về Android Intent không tường minh, mở một URL, gửi một email
• Hướng dẫn sử dụng Service trong Android
• Hướng dẫn sử dụng thông báo trong Android - Android Notification
• Hướng dẫn và ví dụ Android DatePicker
• Hướng dẫn và ví dụ Android TimePicker
• Hướng dẫn và ví dụ Android Chronometer
• Hướng dẫn và ví dụ Android OptionMenu
• Hướng dẫn và ví dụ Android ContextMenu
• Hướng dẫn và ví dụ Android PopupMenu
• Hướng dẫn và ví dụ Android Fragment
• Hướng dẫn và ví dụ Android ListView
• Android ListView với Checkbox sử dụng ArrayAdapter
• Hướng dẫn và ví dụ Android GridView

Show More

• Các hướng dẫn lập trình Flutter

Các bài viết mới nhất

• Xử lý lỗi 404 trong Flutter GetX
• Ví dụ đăng nhập và đăng xuất với Flutter Getx
• Hướng dẫn và ví dụ Flutter NumberTextInputFormatter
• Hướng dẫn và ví dụ Flutter multi_dropdown
• Hướng dẫn và ví dụ Flutter flutter_form_builder
• Hướng dẫn và ví dụ Flutter GetX obs Obx
• Hướng dẫn và ví dụ Flutter GetX GetBuilder
• Từ khoá part và part of trong Dart
• Hướng dẫn và ví dụ Flutter InkWell
• Bài thực hành Flutter SharedPreferences
• Hướng dẫn và ví dụ Flutter Radio
• Hướng dẫn và ví dụ Flutter Slider
• Hướng dẫn và ví dụ Flutter SkeletonLoader
• Chỉ định cổng cố định cho Flutter Web trên Android Studio
• Hướng dẫn và ví dụ Flutter SharedPreferences
• Tạo Module trong Flutter
• Flutter upload ảnh sử dụng http và ImagePicker
• Bài thực hành Dart http CRUD
• Hướng dẫn và ví dụ Flutter image_picker
• Flutter GridView với SliverGridDelegate tuỳ biến

Show More

• Các hướng dẫn lập trình Android