web-dev-qa-db-ja.com

NestedScrollView内のWebViewはスクロールできません

WebViewを使用してWebコンテンツをロードするアクティビティがあります。画像付きのフレキシブルスペースを実装したいときに問題が発生します。 Toolbarを展開したり折りたたんだりできますが、Toolbarがすでに折りたたまれていると、スクロールバーが止まってしまいます。 WebView内のコンテンツをスクロールできません。

これはXMLです：

_<Android.support.v4.widget.NestedScrollView
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:clipToPadding="false"
    Android:fillViewport="true"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <WebView
        Android:id="@+id/read_full_content_wv"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"/>


</Android.support.v4.widget.NestedScrollView>
_

これに対する解決策はありますか？

よろしく、エルマー

[〜＃〜] edit [〜＃〜] LinX64によって提供されたリンクを確認した後。追加しようとしました：

_public class FullContentActivity extends AppCompatActivity {
   ...
   @Override
   protected void onCreate(Bundle savedInstance){
      ...
      WebView webView = (WebView) findViewById(R.id.read_full_content_wv);
      webView.setWebViewClient(new MyBrowser());
      webView.loadData(extra.get(1).toString(), "text/html", "utf-8");
      ...
   }
   ...
   private class MyBrowser extends WebViewClient {
      @Override
      public void onPageStarted(WebView view, String url, Bitmap favicon){
         NestedScrollView nsv = (NestedScrollView) findViewById(R.id.nsv_fc);
         nsv.scrollTo(0,0);
      }
   }
}
_

それでも行き詰まりました。

編集2参考：ASUS Zenfone 6を試してみました-KitKat4.4.2 KitKatが正しくロードできない可能性はありますか？

編集3：この質問に対して私が得た最善の解決策

回避した後、CollapsingToolbarLayoutとWebViewを組み合わせて使用​​すると、Flexible Spaceに必要なエクスペリエンスが得られないと思うので、WebViewをTextViewに変更し、Html.fromHtml()を使用してコンテンツを読み取りました。 Googleがいくつかの機能を更新または修正して、CollapsingToolbarLayoutとWebViewを組み合わせることができる場合を除きます。

androidwebviewmaterial-designnestedscrollview
12
j.elmer

これは、基になるWebviewの高さ属性を変更することで機能します。

NestedScrollViewの場合は属性を使用します

Android:fillViewport="true"

webViewの場合はAndroid:layout_height="wrap_content"を使用します

完全な答え ここ

6
sud007

NestedScrollingChildインターフェイスを使用することで、NestedScrollViewプロパティをWebビューに実装できます。そして、onTouchEvent（）メソッドの下でスクロール機能をカスタマイズします。

public class NestedWebView extends WebView implements NestedScrollingChild {
    private int mLastY;
    private final int[] mScrollOffset = new int[2];
    private final int[] mScrollConsumed = new int[2];
    private int mNestedOffsetY;
    private NestedScrollingChildHelper mChildHelper;

    public NestedWebView(Context context) {
        this(context, null);
    }

    public NestedWebView(Context context, AttributeSet attrs) {
        this(context, attrs, Android.R.attr.webViewStyle);
    }

    public NestedWebView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mChildHelper = new NestedScrollingChildHelper(this);
        setNestedScrollingEnabled(true);
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        boolean returnValue = false;

        MotionEvent event = MotionEvent.obtain(ev);
        final int action = MotionEventCompat.getActionMasked(event);
        if (action == MotionEvent.ACTION_DOWN) {
            mNestedOffsetY = 0;
        }
        int eventY = (int) event.getY();
        event.offsetLocation(0, mNestedOffsetY);
        switch (action) {
            case MotionEvent.ACTION_MOVE:
                int totalScrollOffset = 0;
                int deltaY = mLastY - eventY;
                // NestedPreScroll
                if (dispatchNestedPreScroll(0, deltaY, mScrollConsumed, mScrollOffset)) {
                    totalScrollOffset += mScrollOffset[1];
                    deltaY -= mScrollConsumed[1];
                    event.offsetLocation(0, -mScrollOffset[1]);
                    mNestedOffsetY += mScrollOffset[1];
                }
                returnValue = super.onTouchEvent(event);

                // NestedScroll
                if (dispatchNestedScroll(0, mScrollOffset[1], 0, deltaY, mScrollOffset)) {
                    totalScrollOffset += mScrollOffset[1];
                    event.offsetLocation(0, mScrollOffset[1]);
                    mNestedOffsetY += mScrollOffset[1];
                    mLastY -= mScrollOffset[1];
                }
                mLastY = eventY - totalScrollOffset;
                break;
            case MotionEvent.ACTION_DOWN:
                returnValue = super.onTouchEvent(event);
                mLastY = eventY;
                // start NestedScroll
                startNestedScroll(ViewCompat.SCROLL_AXIS_VERTICAL);
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                returnValue = super.onTouchEvent(event);
                // end NestedScroll
                stopNestedScroll();
                break;
        }
        return returnValue;
    }

    // Nested Scroll implements
    @Override
    public void setNestedScrollingEnabled(boolean enabled) {
        mChildHelper.setNestedScrollingEnabled(enabled);
    }

    @Override
    public boolean isNestedScrollingEnabled() {
        return mChildHelper.isNestedScrollingEnabled();
    }

    @Override
    public boolean startNestedScroll(int axes) {
        return mChildHelper.startNestedScroll(axes);
    }

    @Override
    public void stopNestedScroll() {
        mChildHelper.stopNestedScroll();
    }

    @Override
    public boolean hasNestedScrollingParent() {
        return mChildHelper.hasNestedScrollingParent();
    }

    @Override
    public boolean dispatchNestedScroll(int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed,
                                        int[] offsetInWindow) {
        return mChildHelper.dispatchNestedScroll(dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed, offsetInWindow);
    }

    @Override
    public boolean dispatchNestedPreScroll(int dx, int dy, int[] consumed, int[] offsetInWindow) {
        return mChildHelper.dispatchNestedPreScroll(dx, dy, consumed, offsetInWindow);
    }

    @Override
    public boolean dispatchNestedFling(float velocityX, float velocityY, boolean consumed) {
        return mChildHelper.dispatchNestedFling(velocityX, velocityY, consumed);
    }

    @Override
    public boolean dispatchNestedPreFling(float velocityX, float velocityY) {
        return mChildHelper.dispatchNestedPreFling(velocityX, velocityY);
    }

}

NestedScrollView内でWebビューを宣言する代わりに、NestedWebViewを宣言します。たとえば、

<com.nestedscrollwebviewexample.NestedWebView
        Android:id="@+id/nested_webview"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:background="#000000"
        Android:fillViewport="true"
        Android:focusable="true"
        Android:isScrollContainer="false"
        Android:visibility="visible"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        app:layout_scrollFlags="scroll|exitUntilCollapsed" />

Webviewを宣言する代わりに、アクティビティ内でNestedWebViewとして初期化できます。

 private NestedWebView mShopWebView;
        mShopWebView = (NestedWebView) findViewById(R.id.url_load_webview);
13
Sujai

同様の問題に直面しましたが、タッチイベントを管理する次のカスタムWebViewクラスを使用して、複数のAndroidバージョンで問題を解決しました。

 import Android.content.Context;
import Android.support.v4.view.MotionEventCompat;
import Android.util.AttributeSet;
import Android.view.MotionEvent;
import Android.webkit.WebView;

/**
 * Created by pk on 10/16/16.
 * Creates a WebView that can be used inside a ScrollView
 */

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) {

        //Check pointer index to avoid -1 (error)
        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);


    }
}
4
CodesmithX

NestedScrollView fillViewport = "false"およびWebViewlayout_height = "wrap_content"にするだけです

<Android.support.v4.widget.NestedScrollView
Android:layout_width="match_parent"
Android:layout_height="match_parent"
Android:fillViewport="false"
app:layout_behavior="@string/appbar_scrolling_view_behavior">

<WebView
    Android:id="@+id/read_full_content_wv"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"/>
1
neaenaa

解決策： webViewの高さを変更するだけですmatch_parentからwrap_content。

あなたがするときheight = "match_parent" then webview Notscrollin ScrollView

        Android:id="@+id/read_full_content_wv"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content" // just change height of webView
/> ```
0
AG-Developer