在我的应用程序中，我有一个 ScrollView，其中包含一些线性视图、一些文本视图和一个 Webview，然后是其他线性布局等。问题是 WebView 不滚动。 Scroll 仅在 ScrollView 上侦听。 有什么建议吗？？
<ScrollView >
<TextView />
<WebView /> <-- this does not scroll
<TextView />
</ScrollView >
【问题讨论】：
标签： android webview scroll scrollview
这里是解决方案。网上找的。我已经将 WebView 子类化，并且我正在使用 requestDisallowInterceptTouchEvent(true); 方法来允许我的 webview 处理滚动事件。
TouchyWebView.java
package com.mypackage.common.custom.android.widgets
public class TouchyWebView extends WebView {
public TouchyWebView(Context context) {
super(context);
}
public TouchyWebView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public TouchyWebView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
public boolean onTouchEvent(MotionEvent event){
requestDisallowInterceptTouchEvent(true);
return super.onTouchEvent(event);
}
}
在 layout.xml 中
<com.mypackage.common.custom.android.widgets.TouchyWebView
android:id="@+id/description_web"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
【讨论】：
WebView之外触摸就会中断。
return super.onTouchEvent(event); 和 return false; 中的 public boolean onTouchEvent(MotionEvent event)
@panos 提供的解决方案有效，但与 ScrollView 一起使用时仍然存在问题。下面的增强版本克服了这个问题。
public class TouchyWebView extends WebView {
public TouchyWebView(Context context) {
super(context);
}
public TouchyWebView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public TouchyWebView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
//Check is required to prevent crash
if (MotionEventCompat.findPointerIndex(event, 0) == -1) {
return super.onTouchEvent(event);
}
if (event.getPointerCount() >= 2) {
requestDisallowInterceptTouchEvent(true);
} else {
requestDisallowInterceptTouchEvent(false);
}
return super.onTouchEvent(event);
}
@Override
protected void onOverScrolled(int scrollX, int scrollY, boolean clampedX, boolean clampedY) {
super.onOverScrolled(scrollX, scrollY, clampedX, clampedY);
requestDisallowInterceptTouchEvent(true);
}
}
此外，您可能希望对 TouchyWebView 进行以下设置。
mWebView.getSettings().setLoadWithOverviewMode(true);
mWebView.getSettings().setUseWideViewPort(true);
mWebView.getSettings().setSupportZoom(true);
mWebView.getSettings().setBuiltInZoomControls(true);
【讨论】：
WebView 只能用两根手指滚动，用一根手指只有父级滚动......不是那么直观：/
MotionEventCompat.findPointerIndex(event, 0) 现已弃用，我们应该使用 event.findPointerIndex(0) 代替。
Panos 解决方案对我来说已经足够了，但有一个例外...我的固定高度 (200dp) WebView 可能是空的，或者可能已经加载了很多内容。所以它可能是也可能不是可滚动的“本身”。 Panos 解决方案总是消耗MotionEvents，所以当WebView 为空并且用户触摸WebView 并尝试滚动时，WebView 将不会滚动（因为没有内容）和可滚动的父级也会导致WebView “吞下”MotionEvent - 所以什么也没有发生。我为预期的行为添加了小的 if 声明：
@Override
public boolean onTouchEvent(MotionEvent event) {
if(computeVerticalScrollRange() > getMeasuredHeight())
requestDisallowInterceptTouchEvent(true);
return super.onTouchEvent(event);
}
WebView 为空且不可垂直滚动时，则computeVerticalScrollRange() == getMeasuredHeight()
WebView 的内容长于其高度（可滚动）时，则computeVerticalScrollRange() > getMeasuredHeight()
【讨论】：
解决@Panos 和@Dipendra 的解决方案后，我在滚动视图中的地图视图仍然存在一些问题。它不会始终垂直滚动并且这些方法已被弃用，所以我想出了这个技巧，我在滚动视图中使用 mapview 并且效果很好。我希望这可以帮助你们中的一些人。
public class TouchyWebView extends WebView {
ViewParent mViewParent;
public TouchyWebView(Context context) {
super(context);
}
public TouchyWebView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public TouchyWebView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
public void setViewParent(@Nullable final ViewParent viewParent) { //any ViewGroup
mViewParent = viewParent;
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
if (null == mViewParent) {
getParent().requestDisallowInterceptTouchEvent(true);
} else {
mViewParent.requestDisallowInterceptTouchEvent(true);
}
break;
case MotionEvent.ACTION_UP:
if (null == mViewParent) {
getParent().requestDisallowInterceptTouchEvent(false);
} else {
mViewParent.requestDisallowInterceptTouchEvent(false);
}
break;
default:
break;
}
return super.onTouchEvent(event);
}
@Override
protected void onOverScrolled(int scrollX, int scrollY, boolean clampedX, boolean clampedY) {
super.onOverScrolled(scrollX, scrollY, clampedX, clampedY);
requestDisallowInterceptTouchEvent(true);
}
}
我还遵循了@Dipendra 关于设置控件的建议。
mWebView.getSettings().setLoadWithOverviewMode(true);
mWebView.getSettings().setUseWideViewPort(true);
mWebView.getSettings().setSupportZoom(true);
mWebView.getSettings().setBuiltInZoomControls(true);
【讨论】：
mWebview.setNestedScrollingEnabled(true);
或在XML中添加Webview标签
android:nestedScrollingEnabled="true"
警告：仅适用于 API 21 和 21+
【讨论】：
ViewCompat.setNestedScrollingEnabled(mWebView, true)
在react-native-webview 中仍然发生，在此处跟踪问题
https://github.com/react-native-community/react-native-webview/issues/22
【讨论】：
您可以更改为 3 种布局：
WebView web = (WebView) findViewById(R.id.webView);
View header = getLayoutInflater().inflate(R.layout.header_layout, null);
View footer = getLayoutInflater().inflate(R.layout.foorer_layout, null);
web.addHeaderView(headerComment);
web.addFooterView(footerComment);
【讨论】：