Android 影响浮动操作按钮位置的图层列表

Question

我正在创建一个应用程序，其中图层列表用作背景并且还使用了一个浮动操作按钮。当layer-list设置为relative layout的背景时，FAB的位置发生了变化，但我不明白为什么会这样。

我希望 FAB 位于左下角。当我没有将背景设置为我的图层列表时，它会出现在我编码的地方。

但是当我将背景属性添加到相对布局时，FAB 会自动移入。

我不明白是什么影响了 FAB 的这种行为。

XML 对于 layer_list:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item>
    <shape android:shape="rectangle">
        <solid android:color="@color/colorPrimary" />
        <padding
            android:bottom="64dp"
            android:left="32dp"
            android:right="32dp"
            android:top="64dp" />
    </shape>
</item>

<item>
    <shape android:shape="rectangle">
        <solid android:color="#FFFFFF" />
        <corners
            android:bottomLeftRadius="64dp"
            android:bottomRightRadius="64dp"
            android:topLeftRadius="64dp"
            android:topRightRadius="64dp" />
    </shape>
</item>

XML 对于 Activity:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/home_layer_list">

<TextView
    android:id="@+id/text_view"
    android:layout_centerInParent="true"
    android:textSize="36sp"
    android:textStyle="bold"
    android:textColor="@color/colorPrimary"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="hello world" />

<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:src="@drawable/ic_fab"
    android:layout_margin="16dp"
    app:backgroundTint="#FFFFFF"/>

如何让FAB回到原来的位置？

Answer 1

尝试像下面这样更改您的布局：

<RelativeLayout 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">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/home_layer_list">

        <TextView
            android:id="@+id/text_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="hello world"
            android:textColor="@color/colorPrimary"
            android:textSize="36sp"
            android:textStyle="bold" />
    </RelativeLayout>

    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentBottom="true"
        android:src="@drawable/ic_fab"
        android:layout_margin="16dp"
        app:backgroundTint="#FFFFFF" />

</RelativeLayout>

Android 影响浮动操作按钮位置的图层列表

Android layer-list affecting position of floating action button

xml

android

layer-list

floating-action-button