ツールバーでフローティングアクションボタンを線形レイアウトに統合

Question

私は浮動アクションボタンを追加するために、次のRecyclerViewを用意しました。問題はフローティングアクションボタンがRecyclerViewの部分から分離されていることです（画面を2つの部分に分割しています）。

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v4.widget.SwipeRefreshLayoutandroid:id="@+id/swifeRefresh" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:fab="http://schemas.android.com/apk/res-auto"> 


<LinearLayout 

android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" 
> 


<android.support.v7.widget.Toolbar 
    android:id="@+id/toolBar" 
    android:layout_width="match_parent" 
    android:layout_height="?attr/actionBarSize" 
    android:background="@color/colorPrimary"/> 

<android.support.v7.widget.RecyclerView 
    android:id="@+id/recycler_view" 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="1" 
    /> 

<com.github.clans.fab.FloatingActionMenu 
    android:id="@+id/material_design_android_floating_action_menu" 
    android:layout_width="match_parent" 
    android:layout_height="244dp" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentRight="true" 
    android:layout_marginBottom="11dp" 
    android:layout_marginLeft="11dp" 
    android:layout_marginRight="11dp" 
    fab:menu_animationDelayPerItem="55" 
    fab:menu_backgroundColor="@android:color/transparent" 
    fab:menu_buttonSpacing="0dp" 
    fab:menu_colorNormal="#da3c2f" 
    fab:menu_colorPressed="#dc4b3f" 
    fab:menu_colorRipple="#99d4d4d4" 
    fab:menu_fab_label="Floating Action Menu" 
    fab:menu_fab_size="normal" 
    fab:menu_icon="@drawable/fab_add" 
    fab:menu_labels_colorNormal="#333" 
    fab:menu_labels_colorPressed="#444" 
    fab:menu_labels_colorRipple="#66efecec" 
    fab:menu_labels_cornerRadius="3dp" 
    fab:menu_labels_ellipsize="none" 
    fab:menu_labels_hideAnimation="@anim/fab_slide_out_to_right" 
    fab:menu_labels_margin="0dp" 
    fab:menu_labels_maxLines="-1" 
    fab:menu_labels_padding="8dp" 
    fab:menu_labels_position="left" 
    fab:menu_labels_showAnimation="@anim/fab_slide_in_from_right" 
    fab:menu_labels_showShadow="true" 
    fab:menu_labels_singleLine="false" 
    fab:menu_labels_textColor="#f2f1f1" 
    fab:menu_labels_textSize="15sp" 
    fab:menu_openDirection="up" 
    fab:menu_shadowColor="#66aff198" 
    fab:menu_shadowRadius="4dp" 
    fab:menu_shadowXOffset="1dp" 
    fab:menu_shadowYOffset="4dp" 
    fab:menu_showShadow="true"> 

    <com.github.clans.fab.FloatingActionButton 
     android:id="@+id/material_design_floating_action_menu_item1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/ic_clear_24dp" 
     fab:fab_label="Menu Item 1" 
     fab:fab_size="mini" /> 

    <com.github.clans.fab.FloatingActionButton 
     android:id="@+id/material_design_floating_action_menu_item2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/ic_clear_24dp" 
     fab:fab_label="Menu Item 2" 
     fab:fab_size="mini" /> 

    <com.github.clans.fab.FloatingActionButton 
     android:id="@+id/material_design_floating_action_menu_item3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/ic_clear_24dp" 
     fab:fab_label="Menu Item 3" 
     fab:fab_size="mini" /> 
</com.github.clans.fab.FloatingActionMenu> 

</LinearLayout> 
</android.support.v4.widget.SwipeRefreshLayout> 

誰かがこの問題を解決するのに役立ちます。ありがとう。

Answer 1

だけToolBar、下記の別RelativeLayoutを追加し、RelativeLayout内部の両方RecyclerView & com.github.clans.fab.FloatingActionMenuを配置します。

また、あなたのRecyclerView次のように変更します。ここでは

<android.support.v7.widget.RecyclerView 
    android:id="@+id/recycler_view" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" /> 

は完全な作業コードです。これを試してみてください：

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v4.widget.SwipeRefreshLayout 
    android:id="@+id/swifeRefresh" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:fab="http://schemas.android.com/apk/res-auto"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolBar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="@color/colorPrimary" /> 

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

      <android.support.v7.widget.RecyclerView 
       android:id="@+id/recycler_view" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" /> 

      <com.github.clans.fab.FloatingActionMenu 
       android:id="@+id/material_design_android_floating_action_menu" 
       android:layout_width="match_parent" 
       android:layout_height="244dp" 
       android:layout_alignParentBottom="true" 
       android:layout_alignParentRight="true" 
       android:layout_marginBottom="11dp" 
       android:layout_marginLeft="11dp" 
       android:layout_marginRight="11dp" 
       fab:menu_animationDelayPerItem="55" 
       fab:menu_backgroundColor="@android:color/transparent" 
       fab:menu_buttonSpacing="0dp" 
       fab:menu_colorNormal="#da3c2f" 
       fab:menu_colorPressed="#dc4b3f" 
       fab:menu_colorRipple="#99d4d4d4" 
       fab:menu_fab_label="Floating Action Menu" 
       fab:menu_fab_size="normal" 
       fab:menu_icon="@drawable/fab_add" 
       fab:menu_labels_colorNormal="#333" 
       fab:menu_labels_colorPressed="#444" 
       fab:menu_labels_colorRipple="#66efecec" 
       fab:menu_labels_cornerRadius="3dp" 
       fab:menu_labels_ellipsize="none" 
       fab:menu_labels_hideAnimation="@anim/fab_slide_out_to_right" 
       fab:menu_labels_margin="0dp" 
       fab:menu_labels_maxLines="-1" 
       fab:menu_labels_padding="8dp" 
       fab:menu_labels_position="left" 
       fab:menu_labels_showAnimation="@anim/fab_slide_in_from_right" 
       fab:menu_labels_showShadow="true" 
       fab:menu_labels_singleLine="false" 
       fab:menu_labels_textColor="#f2f1f1" 
       fab:menu_labels_textSize="15sp" 
       fab:menu_openDirection="up" 
       fab:menu_shadowColor="#66aff198" 
       fab:menu_shadowRadius="4dp" 
       fab:menu_shadowXOffset="1dp" 
       fab:menu_shadowYOffset="4dp" 
       fab:menu_showShadow="true"> 

       <com.github.clans.fab.FloatingActionButton 
        android:id="@+id/material_design_floating_action_menu_item1" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:src="@drawable/icon_refresh" 
        fab:fab_label="Menu Item 1" 
        fab:fab_size="mini" /> 

       <com.github.clans.fab.FloatingActionButton 
        android:id="@+id/material_design_floating_action_menu_item2" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:src="@drawable/icon_refresh" 
        fab:fab_label="Menu Item 2" 
        fab:fab_size="mini" /> 

       <com.github.clans.fab.FloatingActionButton 
        android:id="@+id/material_design_floating_action_menu_item3" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:src="@drawable/icon_refresh" 
        fab:fab_label="Menu Item 3" 
        fab:fab_size="mini" /> 
      </com.github.clans.fab.FloatingActionMenu> 
     </RelativeLayout> 
    </LinearLayout> 
</android.support.v4.widget.SwipeRefreshLayout> 

OUTPUT：

希望これは〜