WebView используется для загрузки и отображения веб-страниц в Android.
WebView полезен, когда нам нужно просматривать веб страницы внутри нашего пользовательского интерфейса не перебрасывая пользователя в браузер, а также с помощью WebView можно расширить возможности пользовательского интерфейса создавай элементы управления и отображения на основе HTML + JavaScript и т.д.
Здесь мы научимся добавлять WebView в наше приложение Android. Итак, приступим.
Шаг 1: Создайте новый проект
- Откройте Android Studio. Нажмите “Создать новый проект Android Studio“.
- Выбирать “Empty Activity” из окна шаблона проекта и нажмите на Следующий.
- Введите Название приложения, Имя пакета, язык Java и минимальный SDK (API 19: Android 4.4 (KitKat)).
- Далее нажмите на Finish кнопку после заполнения вышеуказанных данных.
- Теперь подождите, пока проект создастся.
Шаг 2: Добавьте разрешение на доступ в Интернет
Теперь перейдите в app -> mainfests -> AndroidManifest.xml и добавить разрешение на доступ в Интернет, теперь наш AndroidManifest.xml файл будет выглядеть так, как показано ниже:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="ru.jandroid.project">
<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/Theme.jandroid">
<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>
Шаг 3: Добавьте WebView в макет экрана
Теперь перейдите в app -> res -> layout -> activity_main.xml и добавить WebView в наш Activity_main.xml. Файл будет выглядеть так, как показано ниже:
<?xml version = "1.0" encoding = "utf-8"?>
<RelativeLayout 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">
<!-- webview -->
<WebView
android:id="@+id/oklWebView"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</RelativeLayout>
В приведенном выше коде мы добавили WebView по умолчанию в нашу активность Android.
Шаг 4. Напишем код в MainActivity.java, чтобы передать команду нашему WebView для открытия сайта
Это основная часть добавления WebView в наше приложение. Сначала мы открываем MainActivity.java файл и импортируем некоторые базовые классы, как показано ниже
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebView;
Далее мы создаем объект Класс WebView внутри класса MainActivity, как показано ниже:
//Создаём объект WebView
WebView oklWebView;
Теперь, внутри onCreate
метода, мы инициализируем WebView как показано ниже.
//Инициализирует объект WebView
oklWebView=(WebView)findViewById(R.id.oklWebView);
После инициализации WebView мы просто загружаем URL.
//Загружаем сайта url
oklWebView.loadUrl("https://jandroid.ru/");
Полный код MainActivity.java показано ниже:
package ru.jandroid.project;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebView;
public class MainActivity extends AppCompatActivity {
//Создаём объект WebView
WebView oklWebView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//Интциализируем WebView
oklWebView=(WebView)findViewById(R.id.oklWebView);
//Загружаем url
oklWebView.loadUrl("https://jandroid.ru/");
}
}
Теперь наше приложение готово. Запустите приложение и посмотрите результат.
Результат
На приведенных ниже снимках вы можете увидеть, как WebView выглядит в андроид приложении.
Когда приложение открывается в первый раз: мы видим, что https://jandroid.ru/ открывается в нашем приложении.