Android Master/Detail - привязка FAB к мастеру на одной или нескольких панелях
Мне бы хотелось, чтобы кнопка плавающего действия (FAB) была привязана к главной панели при отображении двух панелей на планшете, как это делает приложение Gmail (см. Прилагаемое изображение), но не смогла закодировать эту функцию с помощью шаблона Master/Detail в Android Студия.
Поведение по умолчанию - отображение FAB в нижней / правой части экрана в режиме одной или нескольких панелей.
Я попытался переместить FAB из activity_item_list.xml в макеты, содержащие RecyclerView, но из-за этого панель сведений не отображается в многопанельном режиме.
Возможно ли, чтобы 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>