单击 Web 视图中的表单字段时禁用缩放？

Question

我已经浏览了几十页类似的问题，但没有一个有任何答案，所以希望这一页会有所不同。

我有一个网络视图，我不希望视图的缩放从我设置的初始缩放级别发生变化。 当前唯一改变缩放级别的是文本框聚焦时。

我需要能够通过 Java 代码来完成此操作，而不是使用视口元标记。

只是为了让我没有常见的响应，我在代码中添加了以下内容来禁用缩放和缩放控件：

mWebView.getSettings().setBuiltInZoomControls(false);
mWebView.getSettings().setSupportZoom(false);

我认为可能的解决方案是检查 onFocus 甚至 onClick 事件何时发生在WebView 然后 ZoomOut，但我什至不确定这是否可能？

任何建议将不胜感激。

Answer 1

更新 这个答案是差不多6年前写的，从那时起所有新的android版本都出现了，这很可能已经过时了。

这件事引起了很大的头痛，但最后感谢 setDefaultZoom(ZoomDensity.FAR); 解决了

这一问题，重要的是 onCreate 和 loadUrl 在 WebSettings 之前调用，否则它造成了强制关闭的情况。这里是整个代码，包括导入（对于 Java 新手用户）

package com.my.app;

import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebSettings.ZoomDensity;

import com.phonegap.*;

public class MyDroidActivity extends DroidGap {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
        WebSettings settings = appView.getSettings();
        settings.setBuiltInZoomControls(false);
        settings.setSupportZoom(false);
        settings.setDefaultZoom(ZoomDensity.FAR);
    }
}

Answer 2

我在 HTC 手机上通过添加一个带有 onScaleChanged 空监听器的 WebViewClient 解决了这个问题。我的应用程序是 PhoneGap，所以这就是它的样子，但是添加侦听器在非 PhoneGap 应用程序中应该看起来相同：

public class Main extends DroidGap {

private class NoScaleWebViewClient extends GapViewClient {

    public NoScaleWebViewClient(DroidGap ctx) {
        super(ctx);
    }

    public void onScaleChanged(WebView view, float oldScale, float newScale) {
        Log.d("NoScaleWebViewClient", "Scale changed: " + String.valueOf(oldScale) + " => " + String.valueOf(newScale));
    }
}

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);
    getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
    this.init();
    setWebViewClient(appView, new NoScaleWebViewClient(this));
    // disables the actual onscreen controls from showing up
    appView.getSettings().setBuiltInZoomControls(false);
    // disables the ability to zoom
    appView.getSettings().setSupportZoom(false);
    appView.getSettings().setDefaultZoom(ZoomDensity.FAR);
    appView.setInitialScale(100);
}

}

奇怪的是，onScaleChange 侦听器永远不会被调用 - 通过侦听缩放，它会阻止缩放正在发生。我发现我需要所有其他调用（setSupportZoom、setDefaultZoom、setInitialScale）才能使其正常工作，删除它们中的任何一个都会恢复到旧的、有缺陷的行为。

Answer 3

我也有同样的麻烦。我需要找到一种方法将 webview 的内容缩放到精确值，一切正常，直到用户开始输入文本。有些方法适用于相对较新的 Android 4.0+ 设备，但在旧设备上失败。在任何地方都有效的唯一方法是设置缩放值，而不是在 Java 中，而是在视口中设置，如下所示

<meta name="viewport" content="initial-scale=.80; maximum-scale=.80; minimum-scale=.80;" />

它适用于我测试的每个设备。

Answer 4

您是否尝试在视口标签中禁用用户可缩放？不确定这是否对你有用，但对我有用。我不需要在java方面做任何事情。

<meta name="viewport" content="user-scalable=no, width=device-width" />

Answer 5

我也遇到过这个问题，我是这样解决的：

myWebview.getSettings().setDefaultZoom(ZoomDensity.FAR);

在三星Galaxy Tab上运行正常。我希望这会对您有所帮助。

Answer 6

WebView 有一个特殊的“东西”，我认为它会在这里引发许多问题和答案。发生的情况是，当加载 URL 时，默认的 Android 浏览器会通过 Intent 启动来处理此问题。 缩放在此浏览器中进行，而不是在您的 Web 视图中进行。

解决方案：您需要添加一个 WebviewClient 来告诉 Android 您处理自己浏览一下。示例：

// Use WebView and disable zooming

public class MyWebView extends Activity {
    // nested class
    private class HelloWebViewClient extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return true
        }
    }

    private WebView mWebView;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        mWebView = (WebView) findViewById(R.id.webview);
        mWebView.setWebViewClient(new HelloWebViewClient());
        mWebView.setInitialScale(500);   // added after user comment

        mWebView.getSettings().setJavaScriptEnabled(true);
        mWebView.getSettings().setBuiltInZoomControls(false);
        mWebView.getSettings().setSupportZoom(false);

        mWebView.loadUrl("http://www.google.com");      

    }
}

我的 ma​​in.xml 如下所示

<?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"
/>

此代码禁用了运行 Android 2.2 的 HTC Desire 的缩放功能。点击 HTML 输入字段没有什么区别。

WebView/HelloWebViewClient 的整个主题以及正确处理“后退”按钮的重要提示都记录在 你好视图，Web 视图。对于任何使用 WebView 的人来说，这应该是必读的一本书。

Answer 7

我相信您可以使用 WebView.setInitialScale 方法设置缩放级别。它需要一个 int 作为比例，所以我猜你会想要做类似 myWebView.setInitialScale(100) 的事情。

Answer 8

此问题已通过 HTC 设备上的固件更新得到解决，它（显然）是由 Sense UI 错误地覆盖默认 Android 功能引起的。

很难准确地提供有关此问题何时得到纠正的信息，但是当在具有最新固件的任何 HTC 设备上单击文本框时，我的 Web 应用程序不再缩放。

以下两行代码将禁用 android webview 的“缩放”功能：

// disables the actual onscreen controls from showing up
mWebView.getSettings().setBuiltInZoomControls(false);
// disables the ability to zoom
mWebView.getSettings().setSupportZoom(false);

Answer 9

这也让我头疼，但幸运的是我找到了这篇文章：如何在移动设备上停止放大输入焦点。

在 css 文件中将输入元素中文本的字体大小设置为 16px（或更大）。

  input {
        font-size: 16px;
}

这是相当黑客，但如果没有其他工作......