如何使 FloatingActionsMenu 后面的 RecyclerView 完全可滚动？答案

【问题标题】：How can I make my RecyclerView behind a FloatingActionsMenu fully scrollable?如何使 FloatingActionsMenu 后面的 RecyclerView 完全可滚动？
【发布时间】：2016-02-08 19:56:19
【问题描述】：

我编写了这个应用程序，显示我大学的公交路线。应用程序本身运行良好，但布局存在问题：正如您在this 图片中所见，并非我的所有 RecyclerView 都是可滚动的。绿色方块是可滚动的，但红色方块不滚动，即使 FloatingActionsMenu 没有展开。

FloatingActionsMenu 是用this 库制作的。

RecyclerView 和 FloatingActionsMenu 的 XML 代码是：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:background="@drawable/aachen_background">

....

<android.support.v7.widget.RecyclerView
        android:duplicateParentState="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/multi_cards"
        android:layout_below="@id/maincard" />


       <com.getbase.floatingactionbutton.FloatingActionsMenu
           android:id="@+id/action_button"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:clickable="true"
           fab:fab_addButtonColorNormal="@color/fab_color"
           app:fab_addButtonColorPressed="@color/fab_color"
           fab:fab_addButtonPlusIconColor="@color/black_semi_transparent"
           fab:fab_addButtonSize="normal"
           fab:fab_labelsPosition="left"
           fab:fab_labelStyle="@style/menu_labels_style"
           app:fab_addButtonStrokeVisible="false"
           android:layout_alignParentBottom="true"
           android:layout_alignParentEnd="true"
           android:layout_below="@+id/maincard">
           <com.getbase.floatingactionbutton.FloatingActionButton
               android:id="@+id/find_activity"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               fab:fab_colorNormal="@color/fab_color"
               fab:fab_colorPressed="@color/fab_color"
               fab:fab_title="@string/find_activity"
               fab:fab_icon="@mipmap/find_activity"
               fab:fab_size="mini" />

           <com.getbase.floatingactionbutton.FloatingActionButton

               android:id="@+id/appointment_finder"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               fab:fab_colorNormal="@color/fab_color"
               fab:fab_colorPressed="@color/fab_color"
               fab:fab_title="@string/appointment_finder"
               fab:fab_icon="@mipmap/appointment_finder"
               fab:fab_size="mini"/>

           <com.getbase.floatingactionbutton.FloatingActionButton

               android:id="@+id/new_ralph"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               fab:fab_colorNormal="@color/fab_color"
               fab:fab_colorPressed="@color/fab_color"
               fab:fab_title="@string/new_ralph"
               fab:fab_icon="@mipmap/new_ralph"
               fab:fab_size="mini"/>




       </com.getbase.floatingactionbutton.FloatingActionsMenu>

</RelativeLayout>

我已经试过了：

根据 FloatingActionsMenu 的 isExpanded()-State 将 android:visibility 属性设置为 GONE 或 VISIBLE
设置 android:duplicateParentState="true"

此屏幕的完整 XML 代码是：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:background="@drawable/aachen_background">


    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:id="@+id/maincard"
        app:cardBackgroundColor="@color/transparent"
        app:cardCornerRadius="@dimen/maincard_corner_radius">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal"
            android:layout_margin="20dp">
            <!-- Left Part: Time and beneath Calendar RalphEvent -->
            <LinearLayout
                android:layout_width="174dp"
                android:layout_height="wrap_content"
                android:orientation="vertical">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/maincard_get_up_time"
                    android:gravity="start"
                    android:textSize="60sp"
                    android:text="@string/maincard_get_up_time"
                    android:textColor="@color/maincard_text_color"
                    />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/maincard_event_start"
                    android:textSize="20sp"
                    android:text="@string/maincard_event_start"
                    android:textColor="@color/maincard_text_color"
                    android:paddingTop="15dp" />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/maincard_event_title"
                    android:textSize="35sp"
                    android:text="@string/maincard_event_title"
                    android:textColor="@color/maincard_text_color"
                    android:ellipsize="end"
                    android:singleLine="true"/>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/maincard_event_location"
                    android:text="@string/maincard_event_location"
                    android:textSize="20sp"
                    android:textColor="@color/maincard_text_color"
                    android:paddingBottom="15dp"
                    android:ellipsize="end"
                    android:singleLine="true"/>
            </LinearLayout>
            <!-- Right Part: Weather and Transportation Info -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical">
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:gravity="right">
                    <ImageView
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:paddingRight="5dp"
                        android:contentDescription="@string/weather_icon"
                        android:id="@+id/maincard_weather_icon"
                        android:src="@drawable/weather_icon_rain" />
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:id="@+id/maincard_weather"
                        android:text="@string/maincard_weather"
                        android:layout_gravity="center_vertical"
                        android:textSize="30sp"
                        android:textColor="@color/maincard_secondary_color" />


                </LinearLayout>
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:paddingTop="10dp"
                    android:gravity="right">
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="40dp"
                        android:paddingRight="5dp"
                        android:contentDescription="@string/bus_icon"
                        android:id="@+id/maincard_transport_icon"
                        android:src="@drawable/transport_icon_bus" />
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:id="@+id/maincard_departure_time"
                        android:text="@string/maincard_departure_time"
                        android:textSize="30sp"
                        android:textColor="@color/maincard_secondary_color" />
                </LinearLayout>
            </LinearLayout>


        </LinearLayout>
    </android.support.v7.widget.CardView>
    <android.support.v7.widget.RecyclerView
        android:duplicateParentState="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/multi_cards"
        android:layout_below="@id/maincard" />


       <com.getbase.floatingactionbutton.FloatingActionsMenu
           android:id="@+id/action_button"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:clickable="true"
           fab:fab_addButtonColorNormal="@color/fab_color"
           app:fab_addButtonColorPressed="@color/fab_color"
           fab:fab_addButtonPlusIconColor="@color/black_semi_transparent"
           fab:fab_addButtonSize="normal"
           fab:fab_labelsPosition="left"
           fab:fab_labelStyle="@style/menu_labels_style"
           app:fab_addButtonStrokeVisible="false"
           android:layout_alignParentBottom="true"
           android:layout_alignParentEnd="true"
           android:layout_below="@+id/maincard">
           <com.getbase.floatingactionbutton.FloatingActionButton
               android:id="@+id/find_activity"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               fab:fab_colorNormal="@color/fab_color"
               fab:fab_colorPressed="@color/fab_color"
               fab:fab_title="@string/find_activity"
               fab:fab_icon="@mipmap/find_activity"
               fab:fab_size="mini" />

           <com.getbase.floatingactionbutton.FloatingActionButton

               android:id="@+id/appointment_finder"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               fab:fab_colorNormal="@color/fab_color"
               fab:fab_colorPressed="@color/fab_color"
               fab:fab_title="@string/appointment_finder"
               fab:fab_icon="@mipmap/appointment_finder"
               fab:fab_size="mini"/>

           <com.getbase.floatingactionbutton.FloatingActionButton

               android:id="@+id/new_ralph"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               fab:fab_colorNormal="@color/fab_color"
               fab:fab_colorPressed="@color/fab_color"
               fab:fab_title="@string/new_ralph"
               fab:fab_icon="@mipmap/new_ralph"
               fab:fab_size="mini"/>




       </com.getbase.floatingactionbutton.FloatingActionsMenu>

</RelativeLayout>
<android.support.design.widget.NavigationView
    android:id="@+id/navigation_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:background="@android:color/white"
    app:headerLayout="@layout/navigation_drawer"
/>

【问题讨论】：

标签： android xml scroll android-recyclerview floating-action-button

【解决方案1】：

从 FloatingActionsMenu 中删除这一行怎么样？：

android:clickable="true"

【讨论】：

【解决方案2】：

尝试将主布局设置为框架。试试这个：

<FrameLayout>

    <LinearLayout>

        <CardView />

        <RecyclerView />

    </LinearLayout>

    <FloatingActionsMenu />

</FrameLayout>

【讨论】：