Come creare una Android WebView in 10 mosse

165 visite

android-iconIn quest’articolo vediamo come creare una Android WebView in 10 mosse !…1. Usando Eclipse ADT creiamo un nuovo progetto Android.

nuovo_progetto_android

2. Diamo un nome al nostro progetto per esempio MyAndroidWebView

scelta_nome_progetto

Nota: Se si desidera supportare il WebView Chromium (piuttosto che il vecchio WebKit WebView) bisogna ‘settare’ il minimo SDK richiesto  API 19: Android 4.4 (KitKat).

3. Completiamo la scelta delle restanti configurazioni selezionando per esempio il flag della creazione Activity.

configurazione_progetto

4. Scegliamo la Blank Activity with Fragment  e clicchiamo su Finish.

blank_activity_with_fragment

Eclipse creerà per noi tutto il progetto a cui dovremo aggiungere la WebView.

5. A tal proposito apiramo la activity_main.xml e aggiungiamo il codice seguente:

codice_webview

6. Inseriamo del codice di gestione della WebView e abilitiamo il Javascript:

Apriamo il file MainActivity.java e aggiungiamo le righe evidenziate in grassetto:

gestione_webview
Il codice esistente nel metodo onCreate fa il lavoro di aggancio della attività con il layout. Le linee aggiunte per creare una nuova variabile membro, mWebView, fa riferimento alla vista web.

 

7. Rimuoviamo il seguente codice seguente:

 

8. Identifichiamo la WebView da un ID di risorsa, che è specificato da questa riga nel file di layout:

Dopo aver aggiunto il codice, vedrete alcuni messaggi di avviso a margine del redattore. Questo è perché non avete importato le classi giusti per WebView. Il modo più semplice per farlo è cliccare e al passaggio del mouse su un nome di classe sconosciuta e attendere un popup che mostra un “quick fix” – in questo caso, l’aggiunta di un statment importazione per la classe WebView.
Premere Ctrl Sin. + Shift Sin. + O

9. Abiliatiamo il Javascript:

abilitiamo_javascripte inseriamo il seguente codice

 

10. Abilitiamo l’accesso internet dentro al file AndroidManifest.xml

Nota: Per determinare quando un sito ha iniziato e finito di caricare usiamo rispettivamente WebViewClient.onPageStarted e WebViewClient.onPageFinished.

risultato

Iscriviti alla newsletter e rimani sempre aggiornato

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *