タブを含む TabLayout と ViewPager があります。
ViewPager は TabLayout の上に配置されるため、ViewPager は TabLayout とオーバーラップします。その結果、ViewPager がタッチ イベントをインターセプトするため、異なるタブ間を移動する TabLayout ボタンが機能しません。
ViewPager を呼び出して問題を解決しようとしましたが、問題requestDisallowInterceptTouchEvent(true)
は解決しませんでした。
また、カスタム ViewPager を作成し、次のように onTouchEvent() メソッドをオーバーライドしました。
@Override
public boolean onTouchEvent(MotionEvent ev) {
if (ev.getActionMasked() != MotionEvent.ACTION_MOVE) {
return false;
}
else {
return super.onTouchEvent(ev);
}
}
これにより、TabLayout タブ ボタンはタッチ イベントを受け取ることができますが、ViewPager が十分にスクロールされた場合、ViewPager は別のフラグメントに自動的にスクロールしません。
一言で言えば問題: ViewPager がオーバーラップしている TabLayout が、ViewPager が TabLayout の前にインターセプトしているタッチ イベントを受信できるようにするにはどうすればよいですか?
前もって感謝します
編集:
アクティビティの基本的な XML 表現は次のとおりです。
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".Activity"
>
<include
android:id="@+id/toolbar"
layout="@layout/toolbar_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:elevation="50dp"
/>
<android.support.design.widget.TabLayout
android:layout_marginTop="?actionBarSize"
android:id="@+id/tabLayout"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:minHeight="?attr/actionBarSize"
android:layout_gravity="bottom"
app:tabMode="fixed"
android:background="@color/purple_light"
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:tabMaxWidth="0dp"
app:tabGravity="fill"
android:clickable="true"
/>
<CustomViewPager
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/viewPager"
android:layout_below="@+id/toolbar_layout"
android:clickable="false"
/>
</RelativeLayout>
注: TabLayoutの下に表示するのに十分なTabLayoutフラグメントの上マージンを設定することにより、ViewPagerページがTabLayoutの下にあるように見えるようにしました
onClick
ViewPager 内のビュー (他のフルスクリーン ビューを表示する機能) が展開される前のアクティビティの基本的な図を次に示します。
そして、ページャーでクリックされたビューが他のコンテンツを明らかにした後の私のアクティビティの基本的な図は次のとおりです。
2 番目の図で、TabLayout が ViewPager コンテンツで覆われていることがわかります。