Как установить максимальную расширенную высоту в нижнем листе дизайна поддержки Android?

Я уже показывал свой макет нижнего листа с высотой просмотра, установленной на 100dp. Но как я могу ограничить размер нижнего листа только до 500 dp? Это мой образец макета:

<android.support.design.widget.CoordinatorLayout
android:id="@+id/coordinator"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<fragment xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/map"
    android:name="com.google.android.gms.maps.SupportMapFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MapsActivity" />

<android.support.v4.widget.NestedScrollView
    android:id="@+id/design_bottom_sheet"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000"
    app:behavior_hideable="true"
    app:behavior_peekHeight="100dp"
    app:layout_behavior="android.support.design.widget.BottomSheetBehavior">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:layout_marginBottom="5dp"
            android:background="#e444ff" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:layout_marginBottom="5dp"
            android:background="#e444ff" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:layout_marginBottom="5dp"
            android:background="#e444ff" />

    </LinearLayout>

</android.support.v4.widget.NestedScrollView>

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_margin="@dimen/activity_horizontal_margin"
    app:layout_anchor="@+id/design_bottom_sheet"
    app:layout_anchorGravity="top|right|end"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

</android.support.design.widget.CoordinatorLayout>

В дополнение к моему вопросу, как я могу запретить пользователю перетаскивать нижний лист вверх и вниз?


person Kirby Aster Abadilla    schedule 15.04.2016    source источник
comment
stackoverflow.com/a/49527832/3439133 проверьте это, если вы хотите динамически изменять максимальную высоту   -  person saurabh dhillon    schedule 28.03.2018
comment
android:minHeight=100dp android:maxHeight=500dp используйте как максимум, так и минимум. min для предотвращения исчезновения нижнего листа.   -  person Atif AbbAsi    schedule 13.09.2019


Ответы (5)


чтобы нижний лист не перемещался вверх на весь экран, просто установите layout_height для вашего NestedScrollView на 500dp, также вы, вероятно, захотите установить его layout_gravity="bottom"

<android.support.v4.widget.NestedScrollView
    android:id="@+id/design_bottom_sheet"
    android:layout_width="match_parent"
    android:layout_height="500dp"
    android:background="#000000"
    android:layout_gravity="bottom"
    app:behavior_hideable="true"
    app:behavior_peekHeight="100dp"
    app:layout_behavior="android.support.design.widget.BottomSheetBehavior">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:layout_marginBottom="5dp"
            android:background="#e444ff" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:layout_marginBottom="5dp"
            android:background="#e444ff" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:layout_marginBottom="5dp"
            android:background="#e444ff" />

    </LinearLayout>

</android.support.v4.widget.NestedScrollView>

если вы не хотите, чтобы представление можно было перетаскивать вверх, вам нужно установить behavior_peekHeight и layout_height на одинаковые значения.

И чтобы предотвратить перетаскивание представления вниз, флаг behavior_hideable просто устанавливает для него значение false

Удачи и счастливого кодирования!

person kandroidj    schedule 15.04.2016
comment
это мило! это довольно умные решения. Большое спасибо! - person Kirby Aster Abadilla; 15.04.2016
comment
сейчас вы что-то забыли, мы должны установить для app:behavior_hideable значение false, чтобы убедиться, что нижний лист нельзя будет перетащить вниз - person Kirby Aster Abadilla; 15.04.2016
comment
К сожалению, это не исправило мою высоту нижнего листа. ! - person abat; 08.08.2016
comment
Как добиться этого (ограничение расширяемой высоты нижнего листа) в модальном нижнем листе? - person eRaisedToX; 10.04.2017
comment
Привет @inner_class7, как мы можем динамически изменить эту максимальную высоту, а не задавать ее в xml. Я попытался установить новые параметры макета для макета, но он разбился. - person saurabh dhillon; 16.03.2018
comment
@saurabhdhillon создайте вопрос с вашей ошибкой и свяжите его с этим, возможно, я смогу помочь - person kandroidj; 16.03.2018
comment
stackoverflow.com/questions/49333896 /, вот ссылка на вопрос - person saurabh dhillon; 17.03.2018
comment
stackoverflow.com/a/49527832/3439133, наконец, взломал его. Перейдите по ссылке здесь, чтобы динамически изменить максимальную расширенную высоту нижнего листа. - person saurabh dhillon; 28.03.2018
comment
Как, если я хочу поставить максимальное нижнее представление? (Разверните, пока не доберетесь до этого вида) - person Mahdi; 10.12.2019
comment
@Kenji звучит так, будто тебе нужно задать вопрос - person kandroidj; 10.12.2019
comment
я хочу установить maxheight на 0,8 экрана, как это сделать? - person famfamfam; 22.06.2021

Вы можете просто установить параметр «maxHeight» в корневую группу просмотра вашего нижнего листа.

android:maxHeight=500dp

Хорошо работает с ConstraintLayout в качестве корневого макета.

person nogipx    schedule 25.08.2019
comment
К сожалению, не работает с вложенными RecyclerView. - person konata; 26.09.2019

Вышеупомянутые решения не сработали для меня, поэтому я решил это с помощью

1. добавлено app:layout_behavior="com.google.android.material.bottomsheet.BottomSheetBehavior" в корневой вид макета нижнего листа.

2. пользовательский стиль для нижнего листа:

<style name="AppBottomSheetDialogTheme" parent="Theme.MaterialComponents.BottomSheetDialog">
        <item name="bottomSheetStyle">@style/AppModalStyle</item>
    </style>

    <style name="AppModalStyle" parent="Widget.MaterialComponents.BottomSheet">
        <item name="behavior_peekHeight">600dp</item>
    </style>

3. И используя это в Activity или Fragment by

    val mBottomSheetDialog = BottomSheetDialog(this, R.style.AppBottomSheetDialogTheme)
    val inflater = this.layoutInflater
    val sheetView = inflater.inflate(R.layout.bottom_sheet_layout, null)
    mBottomSheetDialog.setContentView(sheetView)
    mBottomSheetDialog.show()
person Kishan Solanki    schedule 01.09.2020

При использовании BottomSheetDialogFragment:

В моем случае я использовал BottomSheetDialogFragment и изменил высоту просмотра нижнего листа, получив ссылку, переопределив метод OnCreateDialog внутри моего BottomSheetFragment.

@NonNull @Override
public Dialog onCreateDialog(Bundle savedInstanceState) {

    dialog = (BottomSheetDialog) super.onCreateDialog(savedInstanceState);

    dialog.setOnShowListener(new DialogInterface.OnShowListener() {
        @Override
        public void onShow(DialogInterface dialog) {
            BottomSheetDialog bottom_dialog = (BottomSheetDialog) dialog;

            FrameLayout bottomSheet = (FrameLayout) bottom_dialog.findViewById(com.google.android.material.R.id.design_bottom_sheet);
            assert bottomSheet != null;
            //BottomSheetBehavior.from(bottomSheet).setState(BottomSheetBehavior.STATE_EXPANDED);
            DisplayMetrics displayMetrics = requireActivity().getResources().getDisplayMetrics();
            int height = displayMetrics.heightPixels;
            int maxHeight = (int) (height*0.80);
            BottomSheetBehavior.from(bottomSheet).setPeekHeight(maxHeight);
        }
    });

    return dialog;
}
person GowthamGnanajothi    schedule 03.11.2020

По какой-то причине принятый ответ не сработал для меня. Может быть, потому что я не использую fragment и NestedScrollView в качестве макета внутри моего BottomSheet. Во всяком случае, в моем случае решение состояло в том, чтобы ограничить размер CoordinatorLayout:

<ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
   <ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!-- Your main content here -->
   </ConstarintLayout>
   <CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="MAX SIZE OF BOTTOM SHEET">
        <YourBottomSheetLayout>
             app:layout_behavior="com.google.android.material.bottomsheet.BottomSheetBehavior"
             android:layout_width="match_parent"
             android:layout_height="match_parent"/>
   </CoordinatorLayout>
</ConstarintLayout>
person Sir Codesalot    schedule 10.03.2021