Добавление потрясающей кнопки на стыке двух виджетов ViewPager

Question

Я реализовал навигационный ящик. В FrameLayout ящика навигации я добавил фрагмент, который содержит 2 ViewPager, занимающих ровно половину экрана каждый. Теперь я хочу добавить кнопку FAB на стыке этих двух пейджеров, как показано здесь.

В моем случае оба виджета занимают ровно половину экрана, что немного отличается от показанного на изображении. Может кто-нибудь помочь мне в получении FAB на перекрестке.

Код для фрагмента, содержащего 2 окна просмотра, приведен ниже:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <android.support.v4.view.ViewPager
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/shirt_section"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="0dp" />

    <android.support.v4.view.ViewPager
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/pant_section"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="0dp" />
</LinearLayout>  

Answer 1

Вы можете заключить свой линейный макет в FrameLayout и добавить свою кнопку следующим образом:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="match_parent"
          android:layout_height="match_parent">
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:orientation="vertical"
          android:layout_width="match_parent"
          android:layout_height="match_parent">

          ...
    </LinearLayout>  
    <ImageButton
        android:layout_gravity="center_vertical|right"
        ...
    />
</FrameLayout>