NestedScrollViewの中にWebViewを使用したとき、モーダルウィンドウがサイトの中央に表示される

Question

いつもお世話になっております。

早速ですが、Fragmentを使用してWebviewを複数に設置し、スワイプして各サイトを閲覧できるウェブアプリを作成しております。

【問題点】
NestedScrollViewでWebViewを囲ってtoolbarの開閉を行っているのですが、高さがサイト全体の高さになってしまい、モーダルウィンドウの位置がサイトの真ん中に表示されてしまいます、、

色々調べてみると同じ症状っぽいサイトがあったのでそれを参考にやってみたのですが、変わらず、、

下記自分のxmlです。

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context=".ui.main.RedView">

        <androidx.core.widget.NestedScrollView
            android:id="@+id/nestedScrollView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
                <ScrollView
                    android:id="@+id/scrollView"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">
                        <WebView
                            android:id="@+id/RedWebView"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            tools:layout_editor_absoluteX="8dp"
                            tools:layout_editor_absoluteY="8dp"
                            android:isScrollContainer="false"/>
                </ScrollView>
        </androidx.core.widget.NestedScrollView>
</FrameLayout>

参考サイト：https://dashimaki-dofu.hatenablog.com/entry/2018/09/05/165601

必要であればFragmentのjavaプログラムも書きます。
【教えてほしいこと】
なぜモーダルを開いたときWebViewの高さではなく、サイトの高さが反映されるのでしょうか？
参考サイトもしくは解決策ご教授願います！

よろしくお願いします！

↓activity_main.xml追記↓

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="end">



    <androidx.coordinatorlayout.widget.CoordinatorLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">


        <com.google.android.material.appbar.AppBarLayout
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:theme="@style/AppTheme.AppBarOverlay">

            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@color/white"
                android:paddingTop="15dp"
                android:paddingBottom="15dp"
                app:layout_scrollFlags="scroll|enterAlways">


                    <androidx.appcompat.widget.AppCompatImageButton
                        android:id="@+id/logo_top"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        android:adjustViewBounds="true"
                        android:scaleType="fitCenter"/>

            </androidx.appcompat.widget.Toolbar>

            <com.google.android.material.tabs.TabLayout
                android:id="@+id/tabs"
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:background="@color/white"
                android:paddingTop="0dp"
                android:paddingBottom="0dp"
                android:paddingLeft="0dp"
                android:paddingRight="0dp"
                android:state_selected="true"
                app:tabBackground="@drawable/tab_color_selector"
                app:tabGravity="fill"
                app:tabMaxWidth="0dp"
                app:tabMode="fixed"
                app:tabTextAppearance="@style/TabText" />


        </com.google.android.material.appbar.AppBarLayout>

        <androidx.viewpager.widget.ViewPager
            android:id="@+id/view_pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:focusable = "true"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

</androidx.coordinatorlayout.widget.CoordinatorLayout>
    <com.google.android.material.navigation.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="end"
        android:fitsSystemWindows="true"
        app:menu="@menu/activity_main_drawer" />
</androidx.drawerlayout.widget.DrawerLayout>

Comments

[kakajika]

NestedScrollViewで囲っているのは何のためでしょうか？

[ludolf]

いつもお世話になっております！
NestedScrollViewはactivity_main.xmlにあるtoolbarのlayout_scrollFlags開閉の判定のために設置しています。
NestedScrollViewとScrollViewを取って、WebViewのみ書いてしまえば思うような動きになるのですが、それだとtoolbarの開閉ができなくなってしまいます、、

activity_main.xml追記しておきました！
何卒ご回答おねがいします！

Answer 1

1万文字を超えていたため変更したコードのみ下記記入しますね。
(変更箇所は合計8点です)

①
import androidx.core.view.NestedScrollingChild;

②
public class NestedWebView extends WebView implements NestedScrollingChild {

③
public boolean startNestedScroll(int axes, int type) {
  return mChildHelper.startNestedScroll(axes, type);
}

④
public void stopNestedScroll(int type) {
  mChildHelper.stopNestedScroll(type);
}

⑤
public boolean hasNestedScrollingParent(int type) {
  return mChildHelper.hasNestedScrollingParent(type);
}

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

⑦
public void dispatchNestedScroll(int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed, @Nullable int[] offsetInWindow, int type, @NonNull int[] consumed) {
  mChildHelper.dispatchNestedScroll(dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed, offsetInWindow, type);
}

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

Answer 2

WebViewのlayout_heightがwrap_contentなので、高さがコンテンツの高さになってしまっていますね。WebViewをNested Scrollに対応させたいなら、WebView自身にNestedScrollingChildを実装する方法があり、「NestedWebView」等で検索すると実装例がいくつか転がっています。こことか

これらのNestedWebViewを使う場合はNestedScrollViewおよびScrollViewは不要になるので、FrameLayoutの下に直接配置してください。

補足

最近AndroidXをアップデートしたところうまく動かなくなっているものが多かったので、その場合は最新のインターフェースである NestedScrollingChild3 を実装しているこちらのNestedWebViewを使ってみてください。

Comments

[ludolf]

ご回答ありがとうございます！

現在AndroidStudioを使用できない状態で確認が取れていませんが、WebView自体にNestedScrollingChildを実装する方法だったら多分動くかと思います！

やってみた際に実際に動いたらベストアンサーにしたいかと思います！
出来なかったらまた質問するかと思います、、
すみませんが、しばらくお待ちください！

[ludolf]

今kakajikaさんが送ってくださった参考サイトをそのままコピぺしたところエラーが何件かありました。

OverrideしないメソッドをOverrideしていたり、NestedScrollingChild3が使用できませんでした、、

そこで自分の方でちゃちゃっとエラーがあるところだけ変えてみたら上手く動きました！
ほんとに初心者が思い付きで変えたので当たっているか正直怖いのが本音ですが、思うような動きができたためベストアンサーさせていただきます。
前回から本当にありがとうございます！

あと自分が修正したコード載せておきます。