Android原生Java开发：如何创建可上滑至全屏的弹窗视图？

原生组件支持情况 #

Android提供了BottomSheetDialogFragment（属于AndroidX Material组件库），可以直接实现这种初始部分屏幕、上滑扩展至全屏的底部弹窗效果，无需完全自行实现。

核心实现思路 #

BottomSheetDialogFragment是基于BottomSheetBehavior封装的弹窗组件，核心配置包括：

• 设置peekHeight：定义弹窗初始显示的高度（比如屏幕高度的1/2）
• 启用滑动扩展：通过配置BottomSheetBehavior，允许用户向上滑动将弹窗切换至全屏状态
• 可选监听状态变化：捕捉弹窗折叠/全屏的状态，执行对应逻辑

Java代码示例 #

1. 创建BottomSheetDialogFragment子类 #

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.util.DisplayMetrics;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import com.google.android.material.bottomsheet.BottomSheetBehavior;
import com.google.android.material.bottomsheet.BottomSheetDialogFragment;

public class MediaPickerBottomSheet extends BottomSheetDialogFragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        // 加载自定义的媒体选择布局
        return inflater.inflate(R.layout.bottom_sheet_media_picker, container, false);
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);

        // 获取BottomSheetBehavior实例
        BottomSheetBehavior<View> behavior = BottomSheetBehavior.from((View) view.getParent());
        
        // 计算并设置初始弹窗高度（示例为屏幕高度的1/2）
        DisplayMetrics displayMetrics = new DisplayMetrics();
        requireActivity().getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
        int peekHeight = displayMetrics.heightPixels / 2;
        behavior.setPeekHeight(peekHeight);
        
        // 允许弹窗从折叠状态滑动至全屏
        behavior.setSkipCollapsed(false);
        // 初始设置为折叠状态
        behavior.setState(BottomSheetBehavior.STATE_COLLAPSED);

        // 可选：监听弹窗状态变化
        behavior.addBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
            @Override
            public void onStateChanged(@NonNull View bottomSheet, int newState) {
                if (newState == BottomSheetBehavior.STATE_EXPANDED) {
                    // 弹窗切换至全屏时的逻辑处理
                } else if (newState == BottomSheetBehavior.STATE_COLLAPSED) {
                    // 弹窗回到折叠状态时的逻辑处理
                }
            }

            @Override
            public void onSlide(@NonNull View bottomSheet, float slideOffset) {
                // 滑动过程中的动画或UI调整（可选）
            }
        });
    }
}

2. 在Activity/Fragment中调用显示 #

// 示例：在Activity中触发弹窗
MediaPickerBottomSheet mediaPickerSheet = new MediaPickerBottomSheet();
mediaPickerSheet.show(getSupportFragmentManager(), "MediaPickerBottomSheet");

依赖配置 #

确保项目中引入了AndroidX Material库（build.gradle模块级）：

implementation 'com.google.android.material:material:1.11.0' // 替换为最新版本

定制化说明 #

如果需要更精细的交互（比如自定义滑动动画、边缘处理），可以直接基于CoordinatorLayout和BottomSheetBehavior实现自定义弹窗，但对于Telegram这种基础的折叠/全屏需求，BottomSheetDialogFragment已经足够覆盖。

内容的提问来源于stack exchange，提问作者Geckon01