Android 底部彈窗實現及使用技巧

一、概述

底部彈窗是移動應用中常見的UI組件之一，它能夠展示出一些重要的信息或者提供功能入口，而且通常不會打斷到用戶的當前操作。在本文中，我們將介紹如何在安卓應用中實現一個底部彈窗並提供相應的使用技巧。

二、實現底部彈窗的常見方法

1. 使用DialogFragment

DialogFragment是android.support.v4.app包中的一個類，它允許我們創建複雜的Dialog，例如底部彈窗。我們可以在DialogFragment中添加一個布局文件，實現開發起來非常方便。下面是實現底部彈窗的步驟：

1）創建一個繼承自DialogFragment的類BottomDialogFragment

public class BottomDialogFragment extends DialogFragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_bottom_dialog, container, false);
        Button btnDismiss = (Button) view.findViewById(R.id.btn_dismiss);
        btnDismiss.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                dismiss();
            }
        });
        return view;
    }

    @Override
    public void onStart() {
        super.onStart();
        getDialog().getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        getDialog().getWindow().setGravity(Gravity.BOTTOM);
    }
}

2）創建一個布局文件fragment_bottom_dialog.xml，並在其中添加需要展示的內容，例如按鈕或者文字。

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="這是一個底部彈窗的例子" />

    <Button
        android:id="@+id/btn_dismiss"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="關閉" />
</LinearLayout>

3）在需要彈出底部彈窗的地方，實例化BottomDialogFragment並調用show()方法即可。

BottomDialogFragment bottomDialogFragment = new BottomDialogFragment();
bottomDialogFragment.show(getSupportFragmentManager(), "bottom_dialog_fragment");

2. 使用PopupMenu

PopupMenu 是 android.widget 包中的一個彈出菜單 UI 控制項，可以很方便地實現底部彈窗的效果。這種方式比起使用 DialogFragment 來說，更加輕量化、原生，因此也有其獨特的優勢。下面是實現底部彈窗的步驟：

1）創建一個繼承自PopupMenu的類BottomPopupWindow。

public class BottomPopupWindow extends PopupMenu {
    public BottomPopupWindow(Context context, View anchorView) {
        super(context, anchorView, Gravity.BOTTOM);
    }

    @Override
    public void show() {
        super.show();
        setPopupWindowTouchModal(this, false);
    }

    public static void setPopupWindowTouchModal(PopupWindow popupWindow, boolean touchModal) {
        if (popupWindow == null) {
            return;
        }
        try {
            Method method = PopupWindow.class.getDeclaredMethod("setTouchModal", boolean.class);
            method.setAccessible(true);
            method.invoke(popupWindow, touchModal);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

2）在需要彈出底部彈窗的地方，實例化BottomPopupWindow，並添加需要展示的菜單項。

BottomPopupWindow bottomPopupWindow = new BottomPopupWindow(this, view);
bottomPopupWindow.getMenuInflater().inflate(R.menu.menu_bottom_popup, bottomPopupWindow.getMenu());
bottomPopupWindow.show();

bottomPopupWindow.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
    @Override
    public boolean onMenuItemClick(MenuItem menuItem) {
        switch (menuItem.getItemId()) {
            case R.id.action_delete:
                Toast.makeText(MainActivity.this, "刪除", Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_share:
                Toast.makeText(MainActivity.this, "分享", Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_edit:
                Toast.makeText(MainActivity.this, "編輯", Toast.LENGTH_SHORT).show();
                break;
        }
        return false;
    }
});

三、使用技巧

1. 調整寬度

當底部彈窗包含較多內容時，可以調整其寬度以使其不會被內容撐滿，這需要在onStart()方法中進行設置。

@Override
public void onStart() {
    super.onStart();
    getDialog().getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
}

2. 修改彈窗位置

可以使用 setGravity() 方法來設置彈窗在屏幕中的位置。例如，設置為底部居中：

getDialog().getWindow().setGravity(Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL);

3. 設置背景半透明

當底部彈窗彈出時，為了使其更加突出，可以對其背景進行一定程度的半透明設置。這可以通過在BottomDialogFragment的onCreateView()方法中設置其窗口特性實現。

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.bottom_dialog_fragment, container, false);
    getDialog().getWindow().requestFeature(Window.FEATURE_NO_TITLE);
    getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
    return view;
}

四、總結

本篇文章介紹了在安卓應用中實現底部彈窗的兩種方式：使用DialogFragment和使用PopupMenu，並提供了一些使用技巧。開發者可以根據實際情況，選擇適合自己的方法進行實現，並結合相關技巧進行調整。