Crear una vista web en Android

¡Comparte nuestro contenido!

Vamos a aprovechar el componente WebView de Android, para realizar una sencilla aplicación que muestre una página web determinada, a manera de navegador web. De esta manera, podemos hacer que nuestras aplicaciones web parezcan aplicaciones móviles ¡Manos a la obra!

Iniciemos el proyecto

Llamaremos a este proyecto VistaWeb
Crear Vista Web Android, en CableNaranja

Seleccionamos el API 14, por las razones que muestra la imagen
Crear SplashActivity Android Studio, CableNaranja

Elegimos un Empty Activity
Crear SplashActivity Android Studio, CableNaranja

Le llamamos VistaWebActivity
Crear Vista Web Android, en CableNaranja

Necesitamos modificar el activity_vista_web.xml que se acaba de crear. Eliminamos el TextView y en su lugar coloquemos un WebView que se adapte al ConstraintLayout en ancho y alto (match_parent), necesitamos que sus coordenadas X,Y sean 0. Su id será vistaWeb.

<WebView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="0dp"
        android:id="@+id/vistaWeb"/>

Hagamos que funcione

Abrimos el archivo VistaWebActivity.java, agregamos primero un objeto WebView, le llamaremos vistaWeb.

private WebView vistaWeb;

Ligamos nuestro objeto al WebView de nuestra activity

vistaWeb = findViewById(R.id.vistaWeb);

Necesitamos algunos ajustes mínimos, declaremos un Objeto WebSettings

WebSettings webSettings = vistaWeb.getSettings();

Habilitemos JavaScript

webSettings.setJavaScriptEnabled(true);

Lancemos nuestro WebView

vistaWeb.setWebViewClient(new WebViewClient());

Apuntamos a nuestra web

vistaWeb.loadUrl("https://cablenaranja.com");

No olvidemos añadir los import correspondientes.

Necesitaremos el permiso para acceder a la red, abrimos el AndroidManifest.xml y añadimos la siguiente línea, justo antes del objeto application

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

Ahora lanzamos nuestra aplicación y…

¡Con eso terminamos por ahora! No olviden dejar sus dudas y / o comentarios aquí abajo.

¡Comparte nuestro contenido!

Israel García

Docente, IT Manager, Blogger & Developer. Escribo por diversión, educo por pasión. | Grandstanding is not my thing.

Podría también gustarte...

2 Respuestas

  1. abril 9, 2018

    […] que ya sabemos como hacer una vista web para mostrar nuestras aplicaciones web dentro de nuestras apps Android, vamos a necesitar revisar […]

  2. septiembre 28, 2018

    […] que ya sabemos como hacer una vista web para mostrar nuestras aplicaciones web dentro de nuestras apps Android, vamos a necesitar revisar […]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

shares