web-dev-qa-db-fra.com

Comment créer une vue Web en plein écran

Comment créer la vue Web d'une application Android en plein écran. J'ai ajouté la vue Web sur un fichier xml de mise en page mais elle ne s'étend pas jusqu'aux bords de la mise en page, il existe un certain type de marge le long de tout le côté de la vue Web. J'ajoute également une image pour vous donner un aperçu de ce à quoi il ressemble.

What i am talking about is the space all around the webview, not the notification bar or the title bar

Ce dont je parle, c'est de l'espace tout autour de la vue Web, pas de la barre de notification ou de la barre de titre

Voici le code de mise en page:

<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>
androidwebviewfullscreen
14
Arihant

Du code ci-dessus, supprimez 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"

Il fera le travail et veillera également à supprimer les marges/remplissage du HTML que vous restituez dans WebView qui pourraient contenir les balises qui laissent un peu d'espace.

17
VishalKale

Ajoutez simplement (ou modifiez) l'attribut Android:theme De l'activité avec la ligne suivante dans le fichier AndroidManifest.xml

Android:theme="@Android:style/Theme.NoTitleBar.Fullscreen"
9
Joel Fernandes

Version Android: 4.2.2 - Appareil: tablette Vega

WebView pour masquer la barre d'état et système et afficher l'écran complet J'ai suivi ces étapes.

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);

Le processus ci-dessus a fonctionné pour moi et mon application s'affiche en plein écran.

4
Vijaysachin

Mettez la vue Web dans la fenêtre contextuelle de la boîte de dialogue.

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();
3
Marko Krustev

Depuis la documentation https://developer.Android.com/guide/webapps/webview.html

<?xml version="1.0" encoding="utf-8"?>
<WebView  xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:id="@+id/webview"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
/>

FILL_PARENT (renommé MATCH_PARENT dans l'API niveau 8 et supérieur), ce qui signifie que la vue veut être aussi grande que son parent (moins le remplissage)

https://developer.Android.com/reference/Android/view/ViewGroup.LayoutParams.html

0
HarlemSquirrel

Vous pouvez définir des dimensions dans dimens.xml dans le dossier res/values. Par défaut, c'est 16dp. Vous pouvez donc le régler en conséquence.

enter image description here

0
Mohit Verma

Vous devez modifier les paramètres de disposition relative. Et supprimez les paramètres de remplissage, le cas échéant, sur la vue Web sur le fichier 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">
0
Sushant Gautam