7

我所拥有的：
现在我有一个滚动视图作为父级。在这个滚动视图中，我使用了一个 WebView，它加载一个 URL，然后在其中显示文本。这是我的xml： 

<ScrollView
    android:id="@+id/parentScroll"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/Heading" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="5dp" >

        <WebView
            android:id="@+id/webView"
            android:layout_width="match_parent"
            android:layout_height="300dp"
            android:background="@drawable/webview" />
    </RelativeLayout>
</ScrollView>

我想要什么：
我想在里面滚动 webView。当我触摸 webView 时，不幸的是父滚动视图被调用。我还必须保留父滚动视图，但除此之外，当我触摸 webView 时，我想滚动其中的 WebView 内容。

我怎样才能做到这一点？

4

4 回答 4

6

创建自定义触摸拦截 Webview

CustomWebview.java

 package com.mypackage.common.custom.android.widgets

public class CustomWebview extends WebView {

    public CustomWebview(Context context) {
        super(context);
    }

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

    public CustomWebview(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event){
        requestDisallowInterceptTouchEvent(true);
        return super.onTouchEvent(event);
    }          
}

在布局.xml

<com.package.custom.widgets.CustomWebview
                android:id="@+id/view_extra"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                 />
于 2015-04-09T10:49:28.037 回答
4

根据 Android 设计文档，如果滚动容器的滚动方向相同，则永远不要将滚动容器放入滚动容器中。它不是用来处理这种事情的。

于 2012-09-24T14:51:49.403 回答
2

我有同样的问题。您应该将 webView 高度设置为与其内容相等。为此，请将此
行添加到 Activity 中的 onCreate 方法中：

webView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
                webView.loadUrl("javascript:MyApp.resize(document.body.getBoundingClientRect().height)");

                super.onPageFinished(view, url);
            }
        });
webView.addJavascriptInterface(this, "MyApp");

并将此方法添加到您的活动中：

@JavascriptInterface
    public void resize(final float height) {
        MainActivity.this.runOnUiThread(new Runnable() {
            @Override
            public void run() {
                webView.setLayoutParams(new LinearLayout.LayoutParams(getResources().getDisplayMetrics().widthPixels, (int) (height * getResources().getDisplayMetrics().density)));
            }
        });
    }
于 2016-01-15T16:17:59.257 回答
0

通常不鼓励嵌套可滚动小部件。这是一种令人困惑的用户体验，因为滚动错误的内容很容易。假设我打算滚动外部滚动区域，但我先触摸了内部区域并且非常努力地一甩。然后内部的会滚动，我会喜欢，是吧？为什么不滚动？

即使一个水平滚动而另一个垂直滚动，手势识别器也可能将一个与另一个混淆，因此您会获得相同的效果。这是一个有效的用例，但它仍然存在问题，我会避免它。（即：人类不能完全正确地垂直和水平滑动，通常是有角度的。）

我会推动改变设计以打破可滚动区域。理想情况下，每页 1 个可滚动项目。甚至自己提出一个，并提供给设计师两种体验，看看他们选择哪一种。

表达这将是多么糟糕。看看这个例子。这不是一个解决方案，只是为了展示经验。

<ScrollView
    android:id="@+id/parentScroll"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/Heading" >

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent" android:orientation="vertical"
    android:padding="5dp" >
    <TextView
        android:id="@+id/topText"
        android:layout_width="match_parent"
        android:layout_height="1000dp"
        android:text="@string/lotsoftext" />
    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:background="@drawable/webview" />
    <TextView
        android:id="@+id/topText"
        android:layout_width="match_parent"
        android:layout_height="1000dp"
        android:text="@string/lotsoftext" />
</RelativeLayout>

于 2012-09-24T14:57:45.833 回答