76

我创建了一个BottomSheetDialogFragment并且我想调整它的最大展开高度。我怎样才能做到这一点？我可以检索BottomSheetBehaviour但我只能找到一个用于窥视高度的设置器，但没有用于扩展高度。

public class DialogMediaDetails extends BottomSheetDialogFragment
{
    @Override
    public void setupDialog(Dialog dialog, int style)
    {
        super.setupDialog(dialog, style);
        View view = View.inflate(getContext(), R.layout.dialog_media_details, null);
        dialog.setContentView(view);

        ...

        View bottomSheet = dialog.findViewById(R.id.design_bottom_sheet);
        BottomSheetBehavior behavior = BottomSheetBehavior.from(bottomSheet);
        behavior.setPeekHeight(...);
        // how to set maximum expanded height???? Or a minimum top offset?

    }
}

编辑

为什么我需要那个？因为我BottomSheet在全屏活动中显示一个对话框，如果BottomSheet在顶部留下一个空间看起来很糟糕......

4

7 回答 7

43

由于膨胀的视图被添加到具有layout_height=wrap_content. 请参阅https://github.com/dandar3/android-support-design/blob/master/res/layout/design_bottom_sheet_dialog.xml上的 FrameLayout (R.id.design_bottom_sheet) 。

下面的类使底部工作表全屏，背景透明，并完全展开到顶部。

public class FullScreenBottomSheetDialogFragment extends BottomSheetDialogFragment {


    @CallSuper
    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        ButterKnife.bind(this, view);
    }


    @Override
    public void onStart() {
        super.onStart();
        Dialog dialog = getDialog();

        if (dialog != null) {
            View bottomSheet = dialog.findViewById(R.id.design_bottom_sheet);
            bottomSheet.getLayoutParams().height = ViewGroup.LayoutParams.MATCH_PARENT;
        }
        View view = getView();
        view.post(() -> {
            View parent = (View) view.getParent();
            CoordinatorLayout.LayoutParams params = (CoordinatorLayout.LayoutParams) (parent).getLayoutParams();
            CoordinatorLayout.Behavior behavior = params.getBehavior();
            BottomSheetBehavior bottomSheetBehavior = (BottomSheetBehavior) behavior;
            bottomSheetBehavior.setPeekHeight(view.getMeasuredHeight());
            ((View)bottomSheet.getParent()).setBackgroundColor(Color.TRANSPARENT)

        });
    }

}

--- 编辑 2018 年 8 月 30 日 --- 一年后我意识到背景在错误的视图上着色。当用户拖动对话框时，这会将背景与内容一起拖动。我修复了它，以便底部工作表的父视图是彩色的。

于 2017-09-26T22:44:50.017 回答
34

我找到了一个更简单的答案；在您的示例中，您使用此代码获取底部工作表的 FrameLayout

View bottomSheet = dialog.findViewById(R.id.design_bottom_sheet);

然后，您可以将该视图的布局参数上的高度设置为您想要将扩展高度设置为的任何高度。

bottomSheet.getLayoutParams().height = ViewGroup.LayoutParams.MATCH_PARENT;
于 2016-06-01T16:09:50.480 回答
24

大更新 避免重复代码我提供了完整答案的链接，您可以在其中找到有关如何获得 Google 地图等完整行为的所有解释。

我想调整它的最大展开高度。我怎样才能做到这一点？

两者都BottomSheet使用BottomSheetDialogFragment您可以在 Support Library 23.x 中找到的 BottomSheetBehavior

该 Java 类有 2 种不同的用途mMinOffset，其中之一用于定义将用于绘制其内容的父级区域（可能是 a NestedScrollView）。另一个用途是定义扩展的锚点，我的意思是，如果您向上滑动它以形成STATE_COLLAPSED动画，它将为您设置动画BottomSheet，直到他到达该锚点但如果您仍然可以继续向上滑动以覆盖所有父高度（CoordiantorLayout 高度）。

如果你看一下，BottomSheetDialog你会看到这个方法：

private View wrapInBottomSheet(int layoutResId, View view, ViewGroup.LayoutParams params) {
    final CoordinatorLayout coordinator = (CoordinatorLayout) View.inflate(getContext(),
            android.support.design.R.layout.design_bottom_sheet_dialog, null);
    if (layoutResId != 0 && view == null) {
        view = getLayoutInflater().inflate(layoutResId, coordinator, false);
    }
    FrameLayout bottomSheet = (FrameLayout) coordinator.findViewById(android.support.design.R.id.design_bottom_sheet);
    BottomSheetBehavior.from(bottomSheet).setBottomSheetCallback(mBottomSheetCallback);
    if (params == null) {
        bottomSheet.addView(view);
    } else {
        bottomSheet.addView(view, params);
    }
    // We treat the CoordinatorLayout as outside the dialog though it is technically inside
    if (shouldWindowCloseOnTouchOutside()) {
        final View finalView = view;
        coordinator.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if (isShowing() &&
                        MotionEventCompat.getActionMasked(event) == MotionEvent.ACTION_UP &&
                        !coordinator.isPointInChildBounds(finalView,
                                (int) event.getX(), (int) event.getY())) {
                    cancel();
                    return true;
                }
                return false;
            }
        });
    }
    return coordinator;
}



不知道您想要这两种行为中的哪一种，但如果您需要第二种行为，请按照以下步骤操作：

  1. 创建一个 Java 类并从CoordinatorLayout.Behavior<V>

  2. 将粘贴代码从默认BottomSheetBehavior 文件复制到新文件。

  3. clampViewPositionVertical使用以下代码修改方法：

    @Override
public int clampViewPositionVertical(View child, int top, int dy) {
    return constrain(top, mMinOffset, mHideable ? mParentHeight : mMaxOffset);
}
int constrain(int amount, int low, int high) {
    return amount < low ? low : (amount > high ? high : amount);
}

  4. 添加新状态

    public static final int STATE_ANCHOR_POINT = X;

  5. 修改下一个方法：onLayoutChild、、onStopNestedScroll和BottomSheetBehavior<V> from(V view)（setState可选）

这是它的样子
[ CustomBottomSheetBehavior]

于 2016-05-25T16:57:41.220 回答
20

它对我有用。在 BottomSheetDialogFragment 的 onViewCreated() 方法上添加代码

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    view.viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
        override fun onGlobalLayout() {

            view.viewTreeObserver.removeOnGlobalLayoutListener(this)

            val dialog = dialog as BottomSheetDialog
            val bottomSheet = dialog.findViewById<View>(com.google.android.material.R.id.design_bottom_sheet) as FrameLayout?
            val behavior = BottomSheetBehavior.from(bottomSheet!!)
            behavior.state = BottomSheetBehavior.STATE_EXPANDED

            val newHeight = activity?.window?.decorView?.measuredHeight
            val viewGroupLayoutParams = bottomSheet.layoutParams
            viewGroupLayoutParams.height = newHeight ?: 0
            bottomSheet.layoutParams = viewGroupLayoutParams
        }
    })
    dialogView = view
}

不要忘记删除 viewTreeObserver。

override fun onDestroyView() {
    dialogView?.viewTreeObserver?.addOnGlobalLayoutListener(null)
    super.onDestroyView()
}
于 2020-02-04T13:04:32.997 回答
5

科特林

在我的情况下，我需要定义一个固定的高度，我做了以下事情：

val bottomSheet: View? = dialog.findViewById(R.id.design_bottom_sheet)
BottomSheetBehavior.from(bottomSheet!!).peekHeight = 250

这样，您还可以访问BottomSheetBehavior诸如的任何属性halfExpandedRatio

于 2019-10-16T00:12:48.300 回答
2

获取工作表行为的参考，

private val behavior by lazy { (dialog as BottomSheetDialog).behavior }

关闭fitToContents并设置expandedOffset为所需的像素。

behavior.isFitToContents = false
behavior.expandedOffset = 100
于 2021-12-03T20:59:20.213 回答
2

我建议不要使用 id 来查找视图。在BottomSheetFragmentDialog对话框中BottomSheetDialog，它公开了底部工作表的行为。您可以使用它来设置窥视高度。

(dialog as BottomSheetDialog).behavior.peekHeight = ...
于 2021-06-16T08:07:12.357 回答