Question

我正在尝试使用FAB显示项目列表以添加新项目。当前屏幕如下。

我有一个CoordinatorLayout，它只有一个RecyclerView和FAB。我的问题是FAB没有固定到页面的底部，而是在RecyclerView的底部，其高度看起来好像它的wrap_content，但我已经声明为match_parent。 RecylerView具有银色背景，用于说明目的。

<android.support.design.widget.CoordinatorLayout
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"
tools:context="com.ae.apps.tripmeter.fragments.expenses.TripsListFragment">

<android.support.v7.widget.RecyclerView
    android:id="@+id/list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true"
    android:background="@color/silver"
    android:layout_margin="@dimen/activity_horizontal_margin"
    app:layoutManager="LinearLayoutManager"
    tools:listitem="@layout/fragment_trip"/>


<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_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:layout_gravity="bottom|end"
    android:layout_margin="@dimen/fab_margin"
    android:src="@android:drawable/ic_input_add"
    app:elevation="8dp"/>

我无法弄清楚为什么我无法将FAB放在页面底部。

Answer 1

尝试将RecyclerView放入'内容'布局文件中，然后通过

将其添加到主布局

<include layout="@layout/content_recyclerview" />

修改

如果FAB位于Activity的底部，则不应将其置于片段中。从片段中删除FAB并将其添加到主活动中。像这样：

<?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout 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:fitsSystemWindows="true" tools:context="com.your_company.your_project"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/AppTheme.AppBarOverlay"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:popupTheme="@style/AppTheme.PopupOverlay"/> </android.support.design.widget.AppBarLayout> <-- ref. your recycler here --> <include layout="@layout/content_with_your_list"/> <-- Put the FAB here --> <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:src="@android:drawable/ic_input_add" /> </android.support.design.widget.CoordinatorLayout>

现在在您的片段中删除FAB！它应该与CoordinateLayout一起驻留在您的主要活动中。在片段中使用简单的LinearLayout。

<?xml version="1.0" encoding="utf-8"?> <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:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" tools:showIn="@layout/activity_your_main_activity" > <android.support.v7.widget.RecyclerView android:id="@+id/list" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/silver" android:layout_margin="@dimen/activity_horizontal_margin" app:layoutManager="LinearLayoutManager"/> </LinearLayout>

您需要进行适当的更改才能适合您的项目。

切换FAB可见性

要切换FAB的可见性，请将以下属性添加到“父级活动”中的FloatingActionButton。

android:visibility="gone"

并在代码中显示：

mFab.setVisibility(View.VISIBLE);

或隐身，再次使用

mFab.setVisibility(View.GONE);

每当你需要时，例如。当显示或删除片段时。

Answer 2

你可能想要这样的东西吗？

Example

<android.support.design.widget.CoordinatorLayout
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.support.v7.widget.RecyclerView
    android:id="@+id/list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true" />


<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_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:layout_gravity="bottom|end"
    android:src="@android:drawable/ic_input_add"
    android:layout_margin="8dp"
    app:elevation="8dp"/>

如果你想在fab下有一些布局，你应该使用相对布局作为根布局。并将我的代码放在这个相对布局中。

Answer 3

我使用以下方法将fab锚定在recyclerView的底部，它给了我想要的输出。试试这个..

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

<android.support.v7.widget.RecyclerView
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

</android.support.v7.widget.RecyclerView>

<android.support.design.widget.FloatingActionButton
    android:layout_alignParentBottom="true"
    android:layout_alignParentEnd="true"
    android:layout_margin="16sp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />


</RelativeLayout>

FAB没有使用RecyclerView定位在CoordinatorLayout内

3 个答案: