Android - WebView

WebView è una vista che mostra le pagine web all'interno dell'applicazione. È inoltre possibile specificare una stringa HTML e visualizzarla all'interno dell'applicazione utilizzando WebView. WebView trasforma la tua applicazione in un'applicazione web.

Per aggiungere WebView alla tua applicazione, devi aggiungere <WebView>elemento al tuo file di layout xml. La sua sintassi è la seguente:

<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
   android:id="@+id/webview"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
/>

Per utilizzarlo, devi ottenere un riferimento di questa vista nel file Java. Per ottenere un riferimento, creare un oggetto della classe WebView. La sua sintassi è:

WebView browser = (WebView) findViewById(R.id.webview);

Per caricare un URL Web in WebView, è necessario chiamare un metodo loadUrl(String url)della classe WebView, specificando l'URL richiesto. La sua sintassi è:

browser.loadUrl("http://www.tutorialspoint.com");

Oltre al solo caricamento dell'URL, puoi avere un maggiore controllo sul tuo WebView utilizzando i metodi definiti nella classe WebView. Sono elencati come segue:

Suor n	Metodo e descrizione
1	canGoBack() Questo metodo specifica che WebView ha un elemento della cronologia precedente.
2	canGoForward() Questo metodo specifica che WebView dispone di un elemento della cronologia di inoltro.
3	clearHistory() Questo metodo cancellerà la cronologia avanti e indietro di WebView.
4	destroy() Questo metodo distrugge lo stato interno di WebView.
5	findAllAsync(String find) Questo metodo trova tutte le istanze di stringa e le evidenzia.
6	getProgress() Questo metodo ottiene lo stato di avanzamento della pagina corrente.
7	getTitle() Questo metodo restituisce il titolo della pagina corrente.
8	getUrl() Questo metodo restituisce l'URL della pagina corrente.

Se fai clic su qualsiasi collegamento all'interno della pagina web del WebView, quella pagina non verrà caricata all'interno del tuo WebView. Per farlo devi estendere la tua classe daWebViewCliente sovrascrivi il suo metodo. La sua sintassi è:

private class MyBrowser extends WebViewClient {
   @Override
   public boolean shouldOverrideUrlLoading(WebView view, String url) {
      view.loadUrl(url);
      return true;
   }
}

Esempio

Ecco un esempio che mostra l'uso di WebView Layout. Crea un'applicazione web di base che ti chiederà di specificare un URL e caricherà questo sito web con URL nel WebView.

Per sperimentare questo esempio, è necessario eseguirlo su un dispositivo effettivo su cui è in esecuzione Internet.

Passi	Descrizione
1	Utilizzerai Android Studio per creare un'applicazione Android con un pacchetto com.example.sairamkrishna.myapplication.
2	Modifica il file src / MainActivity.java per aggiungere il codice WebView.
3	Modifica res / layout / activity_main per aggiungere i rispettivi componenti XML
4	Modifica il file AndroidManifest.xml per aggiungere le autorizzazioni necessarie
5	Esegui l'applicazione e scegli un dispositivo Android in esecuzione, installa l'applicazione su di esso e verifica i risultati.

Di seguito è riportato il contenuto del file di attività principale modificato src/MainActivity.java.

package com.example.sairamkrishna.myapplication;
import android.app.Activity;
import android.os.Bundle;

import android.view.View;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;


public class MainActivity extends Activity  {
   Button b1;
   EditText ed1;

   private WebView wv1;
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);

      b1=(Button)findViewById(R.id.button);
      ed1=(EditText)findViewById(R.id.editText);

      wv1=(WebView)findViewById(R.id.webView);
      wv1.setWebViewClient(new MyBrowser());

      b1.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
            String url = ed1.getText().toString();

            wv1.getSettings().setLoadsImagesAutomatically(true);
            wv1.getSettings().setJavaScriptEnabled(true);
            wv1.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
            wv1.loadUrl(url);
         }
      });
   }

   private class MyBrowser extends WebViewClient {
      @Override
      public boolean shouldOverrideUrlLoading(WebView view, String url) {
         view.loadUrl(url);
         return true;
      }
   }
}

Di seguito è riportato il contenuto modificato del file xml res/layout/activity_main.xml.

Nel codice seguente abc indica il logo di tutorialspoint.com

<?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:paddingLeft="@dimen/activity_horizontal_margin"
   android:paddingRight="@dimen/activity_horizontal_margin"
   android:paddingTop="@dimen/activity_vertical_margin"
   android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
   
   <TextView android:text="WebView" android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/textview"
      android:textSize="35dp"
      android:layout_alignParentTop="true"
      android:layout_centerHorizontal="true" />
      
   <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Tutorials point"
      android:id="@+id/textView"
      android:layout_below="@+id/textview"
      android:layout_centerHorizontal="true"
      android:textColor="#ff7aff24"
      android:textSize="35dp" />
      
   <EditText
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/editText"
      android:hint="Enter Text"
      android:focusable="true"
      android:textColorHighlight="#ff7eff15"
      android:textColorHint="#ffff25e6"
      android:layout_marginTop="46dp"
      android:layout_below="@+id/imageView"
      android:layout_alignParentLeft="true"
      android:layout_alignParentStart="true"
      android:layout_alignRight="@+id/imageView"
      android:layout_alignEnd="@+id/imageView" />
      
   <ImageView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/imageView"
      android:src="@drawable/abc"
      android:layout_below="@+id/textView"
      android:layout_centerHorizontal="true" />
      
   <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Enter"
      android:id="@+id/button"
      android:layout_alignTop="@+id/editText"
      android:layout_toRightOf="@+id/imageView"
      android:layout_toEndOf="@+id/imageView" />
      
   <WebView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/webView"
      android:layout_below="@+id/button"
      android:layout_alignParentLeft="true"
      android:layout_alignParentStart="true"
      android:layout_alignParentRight="true"
      android:layout_alignParentEnd="true"
      android:layout_alignParentBottom="true" />
      
</RelativeLayout>

Di seguito è riportato il contenuto del file res/values/string.xml.

<resources>
   <string name="app_name">My Application</string>
</resources>

Di seguito è riportato il contenuto di AndroidManifest.xml file.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.sairamkrishna.myapplication" >
   <uses-permission android:name="android.permission.INTERNET" />
   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:theme="@style/AppTheme" >
      
      <activity
         android:name=".MainActivity"
         android:label="@string/app_name" >
         
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      
      </activity>
      
   </application>
</manifest>

Proviamo a eseguire la tua applicazione WebView. Per eseguire l'app da Android Studio, apri uno dei file di attività del tuo progetto e fai clic

sull'icona Esegui dalla barra degli strumenti. Android Studio verrà visualizzato come mostrato di seguito

Ora basta specificare un URL nel campo URL e premere il pulsante di navigazione che appare, per avviare il sito web. Ma prima assicurati di essere connesso a Internet. Dopo aver premuto il pulsante, apparirà la seguente schermata:

Nota. Cambiando semplicemente l'URL nel campo dell'URL, la WebView aprirà il sito Web desiderato.

L'immagine sopra mostra la visualizzazione web di tutorialspoint.com