88

到目前为止，我只是一名 iPhone 开发人员，现在我决定试一试 Android。我在Android上无法弄清楚的是如何以编程方式防止滚动WebView？

类似于 iPhones 预防onTouchMove事件的东西会很棒！

4

13 回答 13

185

这是我在 webview中禁用所有滚动的代码：

  // disable scroll on touch
  webview.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
      return (event.getAction() == MotionEvent.ACTION_MOVE);
    }
  });

仅隐藏滚动条，但不禁用滚动：

WebView.setVerticalScrollBarEnabled(false);
WebView.setHorizontalScrollBarEnabled(false);

或者您可以尝试使用单列布局，但这仅适用于简单页面并且它会禁用水平滚动：

   //Only disabled the horizontal scrolling:
   webview.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

您还可以尝试使用垂直滚动的滚动视图包装您的 webview，并禁用 webview 上的所有滚动：

<ScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:scrollbars="vertical"    >
  <WebView
    android:id="@+id/mywebview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:scrollbars="none" />
</ScrollView>

并设置

webview.setScrollContainer(false);

不要忘记添加webview.setOnTouchListener(...)上面的代码以禁用 webview 中的所有滚动。垂直 ScrollView 将允许滚动 WebView 的内容。

于 2011-03-11T14:50:00.283 回答
21

制作WebView忽略运动事件是错误的方法。如果WebView需要听到这些事件怎么办？

而是子类WebView化并覆盖非私有滚动方法。

public class NoScrollWebView extends WebView {
    ...
    @Override
    public boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY, 
                                int scrollRangeX, int scrollRangeY, int maxOverScrollX, 
                                int maxOverScrollY, boolean isTouchEvent) {
        return false;
    }

    @Override
    public void scrollTo(int x, int y) {
        // Do nothing
    }

    @Override
    public void computeScroll() {
        // Do nothing
    }
}

如果您查看源代码，WebView您可以看到onTouchEvent调用overScrollBydoDrag的调用。

于 2014-09-30T20:15:49.830 回答
20

我不知道你是否仍然需要它，但这里是解决方案：

appView = (WebView) findViewById(R.id.appView); 
appView.setVerticalScrollBarEnabled(false);
appView.setHorizontalScrollBarEnabled(false);
于 2011-02-09T01:25:55.257 回答
14

如果您的内容正确换行，将边距详细信息添加到正文将阻止滚动，如下所示：

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">

很简单，而且代码+错误开销要少得多:)

于 2012-01-31T15:50:45.283 回答
9

在你的 WebView 上设置一个监听器：

webView.setOnTouchListener(new View.OnTouchListener() {
            public boolean onTouch(View v, MotionEvent event) {
                return(event.getAction() == MotionEvent.ACTION_MOVE));
            }
        });
于 2010-04-22T07:09:44.940 回答
6

我还没有尝试过，因为我还没有遇到这个问题，但也许你可以覆盖 onScroll 函数？

@Override
public void scrollTo(int x, int y){
super.scrollTo(0,y);
}
于 2010-07-08T00:25:36.210 回答
4

我肮脏但易于实施且运行良好的解决方案：

只需将 webview 放在滚动视图中。使 webview 比可能的内容大得多（在一个或两个维度上，取决于要求）。..并根据需要设置滚动视图的滚动条。

在 webview 上禁用水平滚动条的示例：

<ScrollView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:scrollbars="vertical"
>
    <WebView
        android:id="@+id/mywebview"
        android:layout_width="1000dip"
        android:layout_height="fill_parent"
    />
</ScrollView>

我希望这有帮助 ;）

于 2010-04-16T11:42:31.423 回答
3

我通过以下方式解决了闪烁和自动滚动：

webView.setFocusable(false);
webView.setFocusableInTouchMode(false);

但是，如果由于某种原因它仍然不起作用，只需创建一个扩展 WebView 的类，并将此方法放在上面：

// disable scroll on touch
  setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
      return (event.getAction() == MotionEvent.ACTION_MOVE);
    }
  });

我建议扩展 WebView，以提供更有效的控制，例如禁用/启用滑动、启用/禁用触摸、侦听器、控制转换、动画、内部定义设置等等。

于 2014-02-18T11:22:06.060 回答
3

要禁用滚动，请使用此

webView.setOnTouchListener(new View.OnTouchListener() {
    public boolean onTouch(View v, MotionEvent event) 
    {
        return (event.getAction() == MotionEvent.ACTION_MOVE);
    }
});
于 2014-10-02T04:37:55.547 回答
2

这可能不是您的问题的根源，但我花了几个小时试图找出为什么我的应用程序在 iphone 上运行良好导致 android 浏览器不断抛出垂直/水平滚动条并实际移动页面。我有一个高度和宽度设置为 100% 的 html 正文标签，并且正文在不同位置充满了各种标签。无论我尝试什么，android 浏览器都会显示它们的滚动条并稍微移动页面，尤其是在快速滑动时。无需在 APK 中执行任何操作即可为我工作的解决方案是将以下内容添加到 body 标记中：

leftmargin="0" topmargin="0"

似乎身体标签的默认边距已应用于机器人但在 iphone 上被忽略

于 2011-10-25T22:47:12.327 回答
1

如果您将Webview子类化，您可以简单地覆盖 onTouchEvent 以过滤掉触发滚动的移动事件。

public class SubWebView extends WebView {

    @Override
    public boolean onTouchEvent (MotionEvent ev)    {
        if(ev.getAction() == MotionEvent.ACTION_MOVE) {
            postInvalidate();
            return true;
        }
        return super.onTouchEvent(ev);
    }
    ...
于 2012-03-15T12:59:23.467 回答
0

研究上述答案几乎对我有用......但我仍然有一个问题，我可以在 2.1 上“抛出”观点（似乎用 2.2 和 2.3 修复）。

这是我的最终解决方案

public class MyWebView extends WebView
{
private boolean bAllowScroll = true;
@SuppressWarnings("unused") // it is used, just java is dumb
private long downtime;

public MyWebView(Context context, AttributeSet attrs)
{
    super(context, attrs);
}

public void setAllowScroll(int allowScroll)
{
    bAllowScroll = allowScroll!=0;
    if (!bAllowScroll)
        super.scrollTo(0,0);
    setHorizontalScrollBarEnabled(bAllowScroll);
    setVerticalScrollBarEnabled(bAllowScroll);
}

@Override
public boolean onTouchEvent(MotionEvent ev) 
{
    switch (ev.getAction())
    {
    case MotionEvent.ACTION_DOWN:
        if (!bAllowScroll)
            downtime = ev.getEventTime();
        break;
    case MotionEvent.ACTION_CANCEL:
    case MotionEvent.ACTION_UP:
        if (!bAllowScroll)
        {
            try {
                Field fmNumSamples = ev.getClass().getDeclaredField("mNumSamples");
                fmNumSamples.setAccessible(true);
                Field fmTimeSamples = ev.getClass().getDeclaredField("mTimeSamples");
                fmTimeSamples.setAccessible(true);
                long newTimeSamples[] = new long[fmNumSamples.getInt(ev)];
                newTimeSamples[0] = ev.getEventTime()+250;
                fmTimeSamples.set(ev,newTimeSamples);
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
        break;
    }
    return super.onTouchEvent(ev);
}

@Override
public void flingScroll(int vx, int vy)
{
    if (bAllowScroll)
        super.flingScroll(vx,vy);
}

@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt)
{
    if (bAllowScroll)
        super.onScrollChanged(l, t, oldl, oldt);
    else if (l!=0 || t!=0)
        super.scrollTo(0,0);
}

@Override
public void scrollTo(int x, int y)
{
    if (bAllowScroll)
        super.scrollTo(x,y);
}

@Override
public void scrollBy(int x, int y)
{
    if (bAllowScroll)
        super.scrollBy(x,y);
}
}
于 2011-03-08T02:31:14.710 回答
0

这应该是完整的答案。正如@GDanger 所建议的那样。扩展 WebView 以覆盖滚动方法并将自定义 webview 嵌入到布局 xml 中。

public class ScrollDisabledWebView extends WebView {

    private boolean scrollEnabled = false;

    public ScrollDisabledWebView(Context context) {
        super(context);
        initView(context);
    }

    public ScrollDisabledWebView(Context context, AttributeSet attributeSet) {
        super(context, attributeSet);
        initView(context);
    }
    // this is important. Otherwise it throws Binary Inflate Exception.
    private void initView(Context context) {
        LayoutInflater inflater = (LayoutInflater) context
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

    }

    @Override
    protected boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY,
                                   int scrollRangeX, int scrollRangeY, int maxOverScrollX,
                                   int maxOverScrollY, boolean isTouchEvent) {
        if (scrollEnabled) {
            return super.overScrollBy(deltaX, deltaY, scrollX, scrollY,
                    scrollRangeX, scrollRangeY, maxOverScrollX, maxOverScrollY, isTouchEvent);
        }
        return false;
    }

    @Override
    public void scrollTo(int x, int y) {
        if (scrollEnabled) {
            super.scrollTo(x, y);
        }
    }

    @Override
    public void computeScroll() {
        if (scrollEnabled) {
            super.computeScroll();
        }
    }
}

然后嵌入布局文件如下

<com.sample.apps.ScrollDisabledWebView
    android:id="@+id/webView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_centerInParent="true"
    tools:context="com.sample.apps.HomeActivity"/>

然后在 Activity 中，使用一些额外的方法来禁用滚动条。

ScrollDisabledWebView webView = (ScrollDisabledWebView) findViewById(R.id.webView);
webView.setVerticalScrollBarEnabled(false);
webView.setHorizontalScrollBarEnabled(false);
于 2018-08-20T18:57:46.383 回答