Як встановити початковий масштаб / ширину для веб-перегляду

Я намагаюся, щоб WebView мав подібну поведінку, як браузер Android. Браузер відкриває всі сторінки таким чином, що намагається відповідати їх ширині екрану. Однак поведінка WebView за замовчуванням починається зі 100% піксельної шкали, щоб вона почала масштабуватися у верхньому лівому куті.

Я витратив останні кілька годин, намагаючись знайти спосіб отримати WebView для масштабування сторінки на екран, як це робиться в браузері, але мені не пощастило. Хтось знайшов спосіб досягти цього?

Я бачу, це параметр під назвою setLoadWithOverviewMode, але, схоже, він взагалі нічого не зробив. Я також експериментував із setInitialScale, але на різних розмірах екрана та розмірах веб-сторінок, які не будуть такими витонченими, як масштабування браузера.

У когось є якісь потенційні клієнти?

Дякую

EDIT: Здається, метод Брайана працює, коли телефон знаходиться в альбомному, але не в портретному режимі. На портреті це близько, але все ще не вміщує весь екран на сторінці. Я починаю цю нагороду з надії, що є надійний спосіб отримати початкове масштабування відповідно до ширини сторінки в будь-якій орієнтації чи розмірі екрана.

Наступний код завантажує настільну версію домашньої сторінки Google, повністю зменшену, щоб вписатися в webviewмене в Android 2.2 на екран розміром 854x480 пікселів. Коли я переорієнтую пристрій, і він перезавантажується в книжковому або альбомному режимі, ширина сторінки кожного разу повністю поміщається в межах подання.

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

Я зрозумів, чому портретний вигляд не повністю заповнював область перегляду. Принаймні в моєму випадку це було тому, що смуга прокрутки завжди відображалася. На додаток до коду вікна перегляду вище, спробуйте додати ще:

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

Це призводить до того, що смуга прокрутки не займає місця для розмітки, і дозволяє веб-сторінці заповнити область перегляду.

Сподіваюся, це допомагає

Це старе запитання, але дозвольте мені додати деталь на випадок, якщо сюди приїде більше людей, таких як я.

Відмінна відповідь, опублікована Брайаном, не працює для мене в Jelly Bean. Я повинен також додати:

browser.setInitialScale(30);

Параметр може становити будь-який відсоток, який досягає того, що змінений розмір вмісту менше ширини веб-перегляду. Потім setUseWideViewPort (true) розширює ширину вмісту до максимальної ширини веб-перегляду.

Спробуйте скористатися широким вікном перегляду :

 webview.getSettings().setUseWideViewPort(true);

// для зображень та відео swf використовуйте ширину як "100%" та висоту як "98%"

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

Я працюю із завантаженням зображень для цієї відповіді, і хочу, щоб їх масштабували до ширини пристрою. Я вважаю, що для старих телефонів з версіями менше API 19 (KitKat) поведінка відповіді Брайана не така, як мені подобається. Він розміщує багато пробілів навколо деяких зображень на старих телефонах, але працює на моєму новому. Ось моя альтернатива, за допомогою цієї відповіді: Чи може WebView для Android автоматично змінювати розмір величезних зображень? Алгоритм компонування SINGLE_COLUMNзастарілий, але він працює, і я вважаю, що він підходить для роботи зі старими веб-переглядами.

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

Якщо у вас є веб-перегляд, але ваші зображення все ще мають масштаб, найкращим рішенням, яке я знайшов ( тут ), було просто додавання документа до:

<style>img{display: inline; height: auto; max-width: 100%;}</style>

В результаті всі зображення масштабуються відповідно до ширини веб-перегляду.

в Kotlin Ви можете використовувати,

webView.isScrollbarFadingEnabled = true
webView.setInitialScale(100)