Android Master/Detail - привязка FAB к мастеру на одной или нескольких панелях

Мне бы хотелось, чтобы кнопка плавающего действия (FAB) была привязана к главной панели при отображении двух панелей на планшете, как это делает приложение Gmail (см. Прилагаемое изображение), но не смогла закодировать эту функцию с помощью шаблона Master/Detail в Android Студия.

Поведение по умолчанию - отображение FAB в нижней / правой части экрана в режиме одной или нескольких панелей.

Я попытался переместить FAB из activity_item_list.xml в макеты, содержащие RecyclerView, но из-за этого панель сведений не отображается в многопанельном режиме.

Возможно ли, чтобы FAB также отображался привязанным к мастеру, используя макеты из шаблона мастер-детали, или необходимо начинать с нуля и, возможно, использовать несколько фрагментов и действий?

Отображение перемещения FAB для привязки к панели списка

Ниже приведен измененный макет для item_list, теперь содержащего FAB. Я добавил RelativeLayout и FAB поверх того, что изначально было в шаблоне.

<LinearLayout 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"
    android:layout_marginLeft="16dp"
    android:layout_marginRight="16dp"
    android:baselineAligned="false"
    android:divider="?android:attr/dividerHorizontal"
    android:orientation="horizontal"
    android:showDividers="middle"
    tools:context=".ItemListActivity">

    <!-- This layout is a two-pane layout for the Items master/detail flow.-->

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v7.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            android:id="@+id/item_list"
            android:name=".ItemListFragment"
            android:layout_width="@dimen/item_width"
            android:layout_height="match_parent"
            android:layout_marginLeft="16dp"
            android:layout_marginRight="16dp"
            app:layoutManager="LinearLayoutManager"
            tools:context=".ItemListActivity"
            tools:listitem="@layout/item_list_content" />

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|end"
            android:layout_margin="@dimen/fab_margin"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:src="@android:drawable/ic_dialog_email" />
    </RelativeLayout>

    <FrameLayout
        android:id="@+id/item_detail_container"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="3" />

</LinearLayout>

1 ответ

Решение

Проблема заключалась в макете. Добавление второго относительного макета и размещение детали справа от мастера решило проблему.

<LinearLayout 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"
    android:layout_marginLeft="16dp"
    android:layout_marginRight="16dp"
    android:baselineAligned="false"
    android:divider="?android:attr/dividerHorizontal"
    android:orientation="horizontal"
    android:showDividers="middle"
    tools:context=".ItemListActivity">

    <!--This layout is a two-pane layout for the Items master/detail flow.-->
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent">

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:id="@+id/item_list_master">

        <android.support.v7.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            android:id="@+id/item_list"
            android:name=".ItemListFragment"
            android:layout_width="@dimen/item_width"
            android:layout_height="match_parent"
            android:layout_marginLeft="16dp"
            android:layout_marginRight="16dp"
            app:layoutManager="LinearLayoutManager"
            tools:context=".ItemListActivity"
            tools:listitem="@layout/item_list_content" />

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_margin="@dimen/fab_margin"
            android:layout_alignRight="@id/item_list"
            android:src="@android:drawable/ic_dialog_email" />

    </RelativeLayout>
        <FrameLayout
            android:id="@+id/item_detail_container"
            android:layout_width="400dp"
            android:layout_height="match_parent"
            android:layout_toRightOf="@+id/item_list_master"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true" />

    </RelativeLayout>
</LinearLayout>
Другие вопросы по тегам