Отрегулируйте высоту вида рециркулятора, когда постоянный нижний лист раскрыт

Question

У меня есть постоянный нижний лист (который в основном является кнопкой) и представление переработчика, оба содержатся в CoordinatorLayout.

Когда нижний лист раскрыт, я не хочу, чтобы он заслонял вид переработчика. Я могу добиться этого, установив app:layout_insetEdge="bottom" в нижнем листе и app:layout_dodgeInsetEdges="bottom" в представлении переработчика соответственно.

Однако, поскольку высота представления рециркулятора установлена ​​на android:layout_height="match_parent", его верхняя часть частично выходит за пределы экрана при расширении нижнего листа.

Вместо этого я хочу, чтобы представление рециркулятора динамически регулировало его высоту в соответствии с высотой нижнего листа, чтобы оно больше не выходило за пределы экрана. Как мне этого добиться?

Вот полный макет:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 
    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">

<android.support.v7.widget.RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:nestedScrollingEnabled="false"
    app:layout_dodgeInsetEdges="bottom" />

<Button
    android:id="@+id/bottom_sheet"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="@string/update_all"
    android:foreground="?attr/selectableItemBackground"
    android:background="@drawable/angled_button"
    app:behavior_hideable="false"
    app:behavior_peekHeight="0dp"
    app:layout_insetEdge="bottom"
    app:layout_behavior="android.support.design.widget.BottomSheetBehavior" />

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

Редактировать: добавлены скриншоты

Без нижнего листа все выглядит хорошо.

При расширенном нижнем листе вид переработчика больше не виден полностью.

Редактировать 2: добавлен GIF

Answer 1

Принятый ответ Никиты имеет правильную идею, но имеет две проблемы:

• Предложенная формула заполнения верна только тогда, когда нижний лист полностью раскрыт, потому что параметр slideOffset, предоставленный в качестве аргумента для обратного вызова onSlide, пропорционален разнице между высотой просмотра и полной высотой нижнего листа, а не просто на полную высоту

• Заполнение не относится к быстрой полосе прокрутки в окне повторного просмотра, которая продолжает расширяться под нижним листом. Маржа, с другой стороны, ведет себя так, как задумано.

Вот реализация Kotlin, которая учитывает эти два исправления:

val behavior = BottomSheetBehavior.from(constraintLayout)
behavior.setBottomSheetCallback(object : BottomSheetCallback() {

    override fun onSlide(bottomSheet: View, slideOffset: Float) {
        val margin = behavior.peekHeight + (bottomSheet.height - behavior.peekHeight) * slideOffset
        recyclerview.updateLayoutParams<FrameLayout.LayoutParams> { bottomMargin = margin.toInt() }
    }

    override fun onStateChanged(bottomSheet: View, newState: Int) { /* Nothing to do */ }
})

Тип LayoutParams, на который ссылаются, должен быть изменен в соответствии с родителем RecyclerView в вашем собственном макете.

Обратите внимание, что нижнее поле RecyclerView должно быть установлено равным высоте просмотра нижнего листа в XML-формате макета, чтобы получить правильный макет при загрузке действия до того, как произойдет скольжение.

Приведенный выше пример относится к нижнему листу, который нельзя скрыть, что означает, что аргумент slideOffset имеет значение только от 0 до 1. Для скрываемого нижнего листа следует использовать другую формулу, когда значение параметра slideOffset находится в диапазоне от -1 до 0: behavior.peekHeight * (1 + slideOffset)

Answer 2

Недавно столкнулся с той же проблемой, но не нашел лучшего способа, чем удалить app:layout_dodgeInsetEdges="bottom" и использовать вместо него отступы. Вот как это может быть достигнуто:

Котлин:

val rv = findViewById<RecyclerView>(R.id.recycler_view))
val behavior = BottomSheetBehavior.from(findViewById<Button>(R.id.bottom_sheet))
behavior.setBottomSheetCallback(object : BottomSheetBehavior.BottomSheetCallback(){
    override fun onSlide(bottomSheet: View, offset: Float) {
        rv.setPadding(0, 0, 0, (bottomSheet.height * offset).toInt())
    }

    override fun onStateChanged(bottomSheet: View, newState: Int){}
})

Java:

RecyclerView rv = (RecyclerView) findViewById(R.id.recycler_view); 
BottomSheetBehavior behavior = BottomSheetBehavior.from(findViewById(R.id.bottom_sheet));
behavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
    @Override
    public void onStateChanged(@NonNull View bottomSheet, int newState) {
    }

    @Override
    public void onSlide(@NonNull View bottomSheet, float slideOffset) {
        rv.setPadding(0, 0, 0, (int)(slidingView.getHeight() * offset));
    }
});

Плюсы:

• Нет перекрытия на экране, ни с помощью панели инструментов, ни с помощью кнопки BottomSheet;
• Не нарушает функциональность перемещения для FAB;
• Прокрутку RecyclerView можно выполнять одновременно со скольжением вверх по BottomSheet;

Минусы:

• Не чистый XML, требуется кодирование;
• Требуются дополнительные изменения, чтобы сохранить исходные отступы (но все же возможно и относительно легко сделать)

Answer 3

вот весь код макета для вашей справки.Я попытался скопировать тот же пример макета, который вы упомянули в вопросе, с соответствующим изменением.

onClick элемента floatActionButton, я изменил состояние bottom_sheet на BottomSheetBehavior.STATE_EXPANDED.повторить поведение

<android.support.design.widget.CoordinatorLayout 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">

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

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_animal_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:nestedScrollingEnabled="false"
        app:layout_dodgeInsetEdges="bottom" />

</LinearLayout>

<android.support.design.widget.FloatingActionButton
    android:id="@+id/add_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="16dp" />

<Button
    android:id="@+id/bottom_sheet"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:foreground="?attr/selectableItemBackground"
    android:text="Update all"
    app:behavior_hideable="false"
    app:behavior_peekHeight="0dp"
    app:layout_behavior="android.support.design.widget.BottomSheetBehavior"
    app:layout_insetEdge="bottom" />

Answer 4

Вы можете сделать 2 решения

1 - установить для верхнего поля значение RecyclerView

, поскольку ваш CoordinatorLayout не выравнивает RecyclerView ниже Toolbar.Поэтому установите верхнее поле actionBarSize.

android:layout_marginTop="?actionBarSize"

2. Если вы хотите, чтобы RecyclerView соответствовало Toolbar

Установите android:elevation на RecyclerView, поскольку Toolbar имеет 4dp рельеф, и более 21 версия макетов слоистых по высоте.Поэтому установите

<android.support.v7.widget.RecyclerView
    ...
    android:elevation="@dimen/design_appbar_elevation"/>

design_appbar_elevation значение равно 16dp.

Answer 5

Попробуйте добавить этот атрибут в RecyclerView:

app:layout_behavior="@string/appbar_scrolling_view_behavior"