Cómo crear una vista web a pantalla completa

Cómo hacer que la vista web de una aplicación android pantalla completa. He añadido la webview en un archivo xml de diseño, pero no se extiende hasta los bordes de la distribución, hay algún tipo de margen a lo largo de todo el lado de la webview. También estoy añadiendo una imagen para darles una pista sobre lo que realmente se parece.

Lo que estoy hablando es el espacio alrededor de la webview, no la barra de notificación o la barra de título

Lo que estoy hablando es el espacio alrededor de la webview, no la barra de notificación o la barra de título

Aquí está el código de diseño:

<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:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".WebView" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:text="Shake / Tilt Your Phone To Get Accelerometer Motion Alerts" /> <WebView android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" /> </RelativeLayout> 

Del código anterior quitar las padding tags

 android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" 

Se hará el trabajo y también asegúrese de eliminar los márgenes / relleno HTML que está representando en el WebView que podría contener las etiquetas que deja un poco de espacio.

Basta con añadir (o cambiar) el atributo android:theme la actividad con la siguiente línea en el archivo AndroidManifest.xml

 android:theme="@android:style/Theme.NoTitleBar.Fullscreen" 

Android versión: 4.2.2 – Dispositivo: Vega Tablet

WebView para ocultar el estado y la barra del sistema y mostrar la pantalla completa He seguido estos pasos.

AndroidManifest.xml

 <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name"> <activity android:name=".MainActivity" android:label="@string/app_name" android:theme="@android:style/Theme.NoTitleBar.Fullscreen"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> 

MainActivity.java

 super.onCreate(savedInstanceState); getWindow().getDecorView().setSystemUiVisibility(0x10); setContentView(R.layout.activity_main); String url = "http://edition.cnn.com/"; WebView webView = (WebView) findViewById(R.id.webView); webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setUserAgentString("Desktop"); webView.loadUrl(url); 

El proceso anterior funcionó para mí y mi aplicación se muestra en pantalla completa.

Puede establecer las dimensiones en dimens.xml que se encuentran en la carpeta res / values. Por defecto es 16dp. Así que puede configurarlo en consecuencia.

Introduzca aquí la descripción de la imagen

Debe cambiar la configuración relativa del diseño. Y elimine la configuración de relleno, si es que la hay en la vista web en un archivo XML.

 <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" tools:context=".MainActivity" android:id="@+id/frame"> 

Coloque la vista web en la ventana emergente de diálogo.

 WebView webview = new WebView(this/*put your activity object*/); webview.getSettings().setLoadWithOverviewMode(true); webview.getSettings().setUseWideViewPort(false); webview.getSettings().setSupportZoom(false); webview.getSettings().setJavaScriptEnabled(true); webview.setBackgroundColor(Color.TRANSPARENT); webview.loadUrl("http://www.awwwards.com/websites/responsive-design/"); RelativeLayout.LayoutParams paramsWebView = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT, RelativeLayout.LayoutParams.MATCH_PARENT); Dialog dialog = new Dialog(this/*put your activity object*/, android.R.style.Theme_Black_NoTitleBar_Fullscreen); dialog.addContentView(webview, paramsWebView); dialog.show(); 
  • Android - Descargar e instalar el archivo apk en Webview
  • Android: dibuja el video de YouTube en SurfaceTexture
  • Cargar imagen de url en WebView (centrarse verticalmente)
  • Cómo imitar el navegador predeterminado para descargar archivos .apk desde webview?
  • ¿Qué significa "bloquear todas las solicitudes de carga de red"?
  • Phonegap uso de la aplicación android cpu en el fondo
  • Cómo detener el desplazamiento interno de WebView en Android?
  • Forzar el no-flash Vimeo incrustar o deshabilitar Flash en un WebView?
  • Cómo cambiar la cara de la fuente de Webview en Android?
  • ¿Puede WebView de Android redimensionar automáticamente imágenes enormes?
  • Android: Reproducción de un sonido de recursos utilizando WebView
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.