So legen Sie den anfänglichen Zoom/Breite für eine Webansicht fest

Question

Ich versuche, das WebView ein ähnliches Verhalten wie der Android-Browser zu haben. Der Browser öffnet alle Seiten auf eine Weise, die versucht, ihre Breite an den Bildschirm anzupassen. Das Standardverhalten von WebView beginnt jedoch bei einem Pixel-Maßstab von 100%, sodass es in der oberen linken Ecke vergrößert wird.

Ich habe die letzten paar Stunden damit verbracht, einen Weg zu finden, wie die WebView die Seite auf den Bildschirm skalieren kann wie im Browser, aber ich habe kein Glück. Hat jemand einen Weg gefunden, dies zu erreichen?

Ich sehe, ist eine Einstellung namens SetLoadWithOverviewMode, aber das schien überhaupt nichts zu tun. Ich experimentierte auch mit setInitialScale, aber auf verschiedenen Bildschirmgrößen und Webseitengrößen, die nicht so anmutig wie die Skalierung des Browsers sein werden.

Irgendwelche irgendwelche führen?

Dank

EDIT: Brians Methode scheint, wenn das Telefon in der Landschaft zu arbeiten, aber nicht im Portrait. Im Hochformat ist es nah, passt aber nicht auf den gesamten Bildschirm der Seite. Ich starte dieses Bounty mit der Hoffnung, dass es einen sicheren Weg gibt, den ersten Zoom so zu gestalten, dass die Seite in jeder Ausrichtung oder Bildschirmgröße an die Breite der Seite angepasst wird.

Answer 1

Der folgende Code lädt die Desktop-Version der Google-Startseite vollständig im webview für mich in Android 2.2 auf einem 854x480 Pixel herausgezoomt, um den Bildschirm anzupassen. Wenn ich das Gerät neuorientiere und es im Hoch- oder Querformat neu lädt, passt die Seitenbreite jedes Mal vollständig in die Ansicht.

BrowserLayout.xml:

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

    <WebView android:id="@+id/webview" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" /> 
</LinearLayout> 

Browser.java:

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

public class Browser extends Activity { 

    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.BrowserLayout); 

     String loadUrl = "http://www.google.com/webhp?hl=en&output=html"; 

     // initialize the browser object 
     WebView browser = (WebView) findViewById(R.id.webview); 

     browser.getSettings().setLoadWithOverviewMode(true); 
     browser.getSettings().setUseWideViewPort(true); 

     try { 
      // load the url 
      browser.loadUrl(loadUrl); 
     } catch (Exception e) { 
      e.printStackTrace(); 
     } 
    } 
} 

Answer 2

Versuchen using a wide viewport:

webview.getSettings().setUseWideViewPort(true); 

Answer 3

// für Bilder und SWF-Videos verwenden Breite als "100%" und die Höhe als "98%"

mWebView2.getSettings().setJavaScriptEnabled(true); 
mWebView2.getSettings().setLoadWithOverviewMode(true); 
mWebView2.getSettings().setUseWideViewPort(true); 
mWebView2.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY); 
mWebView2.setScrollbarFadingEnabled(true); 

Answer 4

Ich fand heraus, warum die Hochformatansicht das Bildfenster nicht vollständig ausfüllte. Zumindest in meinem Fall war es, weil die Bildlaufleiste immer angezeigt wurde. Neben dem Ansichtsfenster angezeigten Code, versuchen Sie dies:

browser.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY); 
    browser.setScrollbarFadingEnabled(false); 

Dies bewirkt, dass die Scrollbar Bauraums nicht aufnehmen, und ermöglicht die Webseite das Ansichtsfenster zu füllen.

this helps

Answer 5

Es ist und alte Frage, aber lassen Sie mich ein Detail hinzufügen nur für den Fall mehr Leute wie mich hier ankommen.

Die ausgezeichnete Antwort von Brian gepostet funktioniert nicht für mich in Jelly Bean. Ich habe auch hinzufügen: kann

browser.setInitialScale(30); 

Der Parameter jeder Prozentsatz tha sein wird erreicht, daß die Größe veränderte Gehalt kleiner ist als die Webansicht Breite. Dann setzt setUseWideViewPort (true) die Inhaltsbreite auf das Maximum der Webview-Breite.

Answer 6

Ich arbeite mit Laden von Bildern für diese Antwort, und ich möchte, dass sie die Breite des Gerätes skaliert werden. Ich finde, dass für ältere Telefone mit Versionen weniger als API 19 (KitKat) das Verhalten für Brians Antwort nicht ganz so ist, wie ich es mag. Es bringt eine Menge Whitespace um einige Bilder auf älteren Handys, aber funktioniert auf meinem neueren. Hier ist meine Alternative, mit Hilfe von dieser Antwort: Can Android's WebView automatically resize huge images? Der Layout-Algorithmus SINGLE_COLUMN ist veraltet, aber es funktioniert und ich fühle mich wie es für die Arbeit mit älteren Webviews geeignet ist.

WebSettings settings = webView.getSettings(); 

// Image set to width of device. (Must be done differently for API < 19 (kitkat)) 
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.KITKAT) { 
    if (!settings.getLayoutAlgorithm().equals(WebSettings.LayoutAlgorithm.SINGLE_COLUMN)) 
     settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN); 
} else { 
    if (!settings.getLoadWithOverviewMode()) settings.setLoadWithOverviewMode(true); 
    if (!settings.getUseWideViewPort()) settings.setUseWideViewPort(true); 
}