用 FrameLayout 遮蔽和重叠 AppBarLayout

Question

我正在为我的毕业考试制作应用程序。 我有一个框架布局，它有一个黑色背景和 60% 的 alpha（遮住它下面的所有东西）。我希望框架布局与应用栏布局和浮动按钮重叠。
我发现的唯一其他类似问题是this one，但它不适用于我的项目，因为只要我理解，他只想重叠 FrameLayout。

这是带有浮动按钮的 AppBarLayout：

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

        <RelativeLayout
            android:id="@+id/header"
            android:paddingLeft="@dimen/activity_horizontal_margin"
            android:paddingRight="@dimen/activity_horizontal_margin"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:elevation="4dp">

            [...]

        </RelativeLayout>
</android.support.design.widget.AppBarLayout>

<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"
        app:srcCompat="@drawable/ic_add_white" />

在上面的相对布局中，我需要一些文字。

这里是 FrameLayout：

<FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/blackBackground"
        android:id="@+id/addJobFrame"
        android:visibility="visible"
        app:behavior_overlapTop="100dp">

        [...]

</FrameLayout>

请注意，所有内容都在 CoordinatorLayout 中。

我想要得到的效果是this picture中右边那个，其实在框架布局中我已经包含了一个外部xml布局。

作为替代方案，你知道其他方法吗？

Answer 1

根据您附加的图片，它似乎是自定义的AlartDialog。

创建自定义对话框：

1. 为您的自定义对话框设计自定义布局 XML dialog_layout.xml。
2. 使用AlertDialog.Builder.setView() 方法将此自定义布局设置为AlertDialog。

这是一个完整的例子：

dialog_layout.xml

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

    <EditText
        android:id="@+id/editText_dateStart"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/colorPrimaryDark"
        android:textColorHint="@color/colorPrimary"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:padding="20dp"
        android:hint="Start Date"
        android:inputType="date" />

    <EditText
        android:id="@+id/editText_dateEnd"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/colorPrimaryDark"
        android:textColorHint="@color/colorPrimary"
        android:layout_below="@id/editText_dateStart"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:padding="20dp"
        android:hint="End Date"
        android:inputType="date" />

    <Button
        android:id="@+id/button_ok"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:layout_marginBottom="15dp"
        android:text="ACCETTO"
        android:textColor="#ffffff"
        android:background="#34ff00"
        android:layout_below="@id/editText_dateEnd"
        android:layout_alignParentRight="true"/>

</RelativeLayout>

YourActivity.java

    AlertDialog.Builder dialogBuilder;
    AlertDialog dialog;

    LayoutInflater inflater = activity.getLayoutInflater();
    View dialogLayout = inflater.inflate(R.layout.dialog_layout, null);

    // Views
    Button button = (Button) dialogLayout.findViewById(R.id.button_ok);

    button.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {

                // Do something
            }
        });

    dialogBuilder = new AlertDialog.Builder(activity);
    dialogBuilder.setView(dialogLayout);

    dialog = dialogBuilder.create();
    dialog.show();