我们如何将“浮动操作”按钮放置在任何布局的顶部

Question

我正在对浮动操作按钮进行一些操作。我有一个列表视图，并在屏幕底部显示google广告，该浮动操作按钮显示在同一位置（底部|末尾）。因此操作按钮隐藏了广告。

我想将“浮动操作”按钮稍微移到广告线性布局上方。

请看图片：

我的代码如下所示：

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


adLayoutId is ad layout id

请帮忙。

提前致谢。

Answer 1

您应该使用RelativeLayout并且众所周知，以后的孩子RelativeLayout倾向于在的早期孩子之上RelativeLayout。

因此，要使FAB浮动在任何布局上，请确保在所有视图之后（在XML布局的末尾）定义了FAB。

如果您使用android:layout_margin="@dimen/fab_margin"最佳方式来操纵FAB，请设置视图之间的依赖关系，例如：

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

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/adLayoutId"/>

    <LinearLayout
        android:id="@+id/adLayoutId"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_alignParentBottom="true"
        android:background="@android:color/black"/>

    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/adLayoutId"
        android:layout_alignParentRight="true"
        android:layout_margin="@dimen/fab_margin"
        android:src="@drawable/fav"/>
</RelativeLayout>

浮动操作按钮将始终位于广告线性布局上方，并且不受广告布局尺寸的影响。希望能帮助到你。