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> 

6 Solutions collect form web for “Cómo crear una vista web a pantalla completa”

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(); 
  • Cargando el archivo html local en webView android
  • Cómo obtener la actividad de vista Web para desaparecer con PDF Link Action_view
  • Enlaces que no funcionan dentro de un WebView debido a 'X-Frame-Options' establecido en 'SAMEORIGIN'
  • Vista web de Android en Unity3d (C #)
  • El video de YouTube no se abre en webView
  • ¿AlertDialog admite WebView?
  • Cómo proporcionar entrada a un campo de entrada webView mediante programación en Android Kitkat (4.4)
  • ¿Cómo puedo descargar el archivo mediante webview? (Este caso es raro)
  • Uso de shadow-dom (Polymer) en Android 4.4 Webview
  • Eliminar espacio en blanco no deseado en WebView Android
  • Vista web de Android y localStorage
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.