Android SDK: Tutorial Webkit (o cómo hacer un widget Android que abre una URL)

Este tutorial cuenta como crear un widget en la plataforma Android que abre un navegador (WebKit)y carga una URL

Paso 1: Preparación

Como primer paso se comenzará creando un proyecto Android en el IDE que se quiera. Hay que seleccionar Android 1.6 como plataforma a fin de mantener la retrocompatibilidad.

Paso 2: Configurando el Widget

Este Widget funciona como cualquier otro de Android: Se especificará su layout en un fichero y se podrá acceder a él y establecer qué deba hacer.

En el fichero main.xml se declara el Widget como elemento hijo del elemento LinearLayout, con sus propiedades correspondientes (en este caso se utilizará el alto y ancho de la pantalla). Básicamente se define su layout.

Paso 3: Solicitar Permiso para acceder a Internet desde el AndroidManifest.xml

Como se va a cargar una URL desde el widget , se deberá solicitar permiso a internet en el AndroidManifest.xml (elemento uses-permission)

Si se arranca ahora la aplicación en un emulador Android, se mostrará una página en blanco, porque no se ha definido ninguna dirección qué cargar.

Paso 4: Cargar una Página Web

Para cargar la url de la página web, se añadirá el siguiente código en el método onCreate() del main de la actividad (com.webkitdemo.WebKitDemo en este caso)

Mediante este código, el Widget invoca al método loadUrl() mostrando la página Web referenciada.

Paso 5: Renderizar una página predeterminada

Ahora se reemplazará la llamada loadUrl() por loadData(), que recibirá 3 argumentos:

– String htmlData

– String mimeType

– String encoding

Se sustituirá el código anterior por este otro:

Compilando y reiniciando la aplicación en el emulador, se mostrará:

Se puede pasar cualquier tipo de datos con su respectivo mime-type, pero la mayoría de las veces se utilizará text/html con codificación UTF-8. Además se podrá utilizar CSS3, javascript,…

CARACTERÍSTICAS EXTRAS:

En este widget no se muestra barra de navegación. Esta se puede realizar de forma programática mediante los métodos:

– reload()

– goForward()

– goBack()

El API completa con todos los métodos disponibles, puede verse aquí:

http://developer.android.com/reference/android/webkit/WebView.html