Android背景加遮罩实现从标题栏下面弹出的PopupWindow

在Android开发中，经常会有从标题栏下面弹出的菜单、弹窗等需求。为了使弹窗脱颖而出，我们可以为其添加一个背景遮罩效果，以增强用户体验。本文将介绍如何实现一个带有背景遮罩的PopupWindow，同时也会对背景以及标题进行美化。

一、实现PopupWindow

首先，在xml布局文件中定义PopupWindow的内容布局，可以根据需求自定义其样式，如下所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/white"
    android:orientation="vertical">

    <!-- 内容布局 -->

</LinearLayout>

然后，在代码中初始化PopupWindow，并设置其内容布局和宽高等属性：

// 初始化PopupWindow
PopupWindow popupWindow = new PopupWindow(context);

// 设置内容布局
View contentView = LayoutInflater.from(context).inflate(R.layout.popup_layout, null);
popupWindow.setContentView(contentView);

// 设置宽和高
popupWindow.setWidth(ViewGroup.LayoutParams.MATCH_PARENT);
popupWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);

接着，我们需要设置PopupWindow的背景和动画效果，以及点击外部区域和返回键后的消失事件：

// 设置背景，实现遮罩效果
popupWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
popupWindow.setOutsideTouchable(true);

// 设置动画效果
popupWindow.setAnimationStyle(R.style.PopupAnimation);

// 设置消失事件
popupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
    @Override
    public void onDismiss() {
        // 隐藏背景遮罩
        backgroundView.setVisibility(View.GONE);
    }
});

二、添加背景遮罩

为了实现从标题栏下方弹出的效果，我们可以借助一个全屏的半透明View作为背景遮罩。首先，在xml布局文件中添加如下代码：

<!-- 背景遮罩 -->
<View
    android:id="@+id/background_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#80000000"
    android:visibility="gone" />

接着，在跟布局中添加一个点击事件，用于显示PopupWindow和背景遮罩：

// 初始化背景遮罩
View backgroundView = findViewById(R.id.background_view);
backgroundView.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        popupWindow.dismiss();
    }
});

// 显示背景遮罩
backgroundView.setVisibility(View.VISIBLE);

当点击背景遮罩或者返回键时，我们需要隐藏背景遮罩，并关闭PopupWindow。

三、美化标题

为了美化标题，我们可以自定义标题栏的布局文件，并将其作为PopupWindow的顶部内容布局。如下所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:background="@color/blue">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_back" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="标题"
        android:textColor="@android:color/white" />

</LinearLayout>

在代码中，我们使用自定义的标题布局作为PopupWindow的顶部内容：

// 设置顶部布局（标题栏）
View titleView = LayoutInflater.from(context).inflate(R.layout.title_layout, null);
popupWindow.setContentView(titleView, new LinearLayout.LayoutParams(
        ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));

通过以上步骤，我们便实现了一个带有背景遮罩的PopupWindow，并对标题进行了美化。

四、总结

在本文中，我们学习了如何实现一个从标题栏下方弹出的PopupWindow，并为其添加了背景遮罩效果。同时，我们还对背景和标题进行了美化。希望本文对你有所帮助，谢谢阅读！