Android >> Ejemplo de WebView en Android ( Parte 1 )

entrada_webview_parte1

Si queremos ejecutar una aplicación Web o simplemente mostrar una página Web dentro de una aplicación Android, debemos usar una vista WebView. La vista WebView no es un navegador Web, ya que carece de controles de navegación o la barra de direcciones, simplemente muestra una página Web.

  • Añadiendo una vista WebView a nuestra aplicación

Para añadir una vista WebView a nuestra aplicación simplemente deberemos incluir un elemento WebView en el layout que queramos. A continuación vamos a definir un layout que contendrá una vista WebView ocupando toda la pantalla:

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

Para cargar la página Web en la vista WebView vamos a usar la función loadUrl() en nuestra actividad principal:

MainActivity.java

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        this.setContentView(R.layout.main);

        WebView myWebView = (WebView) this.findViewById(R.id.webView);
        myWebView.loadUrl("https://amatellanes.wordpress.com/");

    }

}

¡IMPORTANTE! Antes de ejecutar la aplicación debemos permitir el acceso a Internet desde ella. Para ello, debemos de incluir el permiso INTERNET en el fichero AndroidManifest.xml.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.amatellanes.android.examples"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-permission android:name="android.permission.INTERNET" />

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name"
            android:theme="@style/AppTheme" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Si ejecutamos la aplicación teniendo una conexión a Internet en nuestro dispositivo, veremos como se carga la página Web que hemos elegido:

ejemplo-webview-parte1

Más información | Ejemplo de WebView en Android (Parte 2), Ejemplo de WebView en Android (Parte 3) y Android Developers

Descargar código | Github

Etiquetado , , ,

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: