Дочерний элемент AppBarLayout не сворачивается при прокрутке

У меня есть AppBarLayout, который содержит горизонтальный RecyclerView среди своих дочерних элементов. Брат AppBarLayout — это ViewPager (который содержит вертикаль RecyclerView).

Вот XML:

<android.support.design.widget.CoordinatorLayout
    android:id="@+id/coordinatorLayout"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ui.search.SearchResultFragment">

<android.support.v4.view.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:overScrollMode="never"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

<android.support.design.widget.AppBarLayout
    android:id="@+id/appBarLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:elevation="@dimen/d2"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <LinearLayout
        android:id="@+id/header_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:background="@color/white"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/back_image_view"
            android:layout_width="?attr/actionBarSize"
            android:layout_height="?attr/actionBarSize"
            android:scaleType="center"
            android:src="@drawable/ic_backarrow_gray"/>

        <android.support.v7.widget.RecyclerView
            android:id="@+id/query_terms_recycler_view"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_gravity="center_vertical"
            android:layout_weight="1"/>

        <ImageView
            android:id="@+id/search_image_view"
            android:layout_width="?attr/actionBarSize"
            android:layout_height="?attr/actionBarSize"
            android:scaleType="center"
            android:src="@drawable/ic_search_gray"/>

    </LinearLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/related_terms_recycler_view"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/search_term_bg"
        app:layout_scrollFlags="scroll|enterAlways"/>

    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="@dimen/d8"
        android:background="@color/tab_and_nav_bar"/>

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

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

У меня уже есть другой пользовательский интерфейс с AppBarLayout, который может успешно реагировать на прокрутку с помощью Toolbar. Код почти такой же, но в данном случае что-то не так, потому что RecyclerView не сворачивается/не прячется.


android android-support-library android-appbarlayout android-design-library
person Daniele Vitali    schedule 29.06.2015    source источник
comment
Какова ваша проблема в деталях?   -  person natario    schedule 29.06.2015
comment
Он просто не реагирует на жест прокрутки. Он должен скрыть вид ресайклера, но ничего не происходит.   -  person Daniele Vitali    schedule 29.06.2015
comment
Я считаю, что прокручиваемые (скрываемые) представления должны быть вверху. Будет ли это работать, если вы переместите RecyclerView перед LinearLayout ?   -  person natario    schedule 29.06.2015
comment
Я имею в виду, что содержимое AppBarLayout должно быть 1. RecyclerView (с scrollFlags); 2 Линейный макет; 3. ТабМакет. Это так работает?   -  person natario    schedule 29.06.2015
comment
Эй, я пытаюсь прямо сейчас. Я отвечу на ваш ответ ниже.   -  person Daniele Vitali    schedule 29.06.2015

Ответы (2)


arrow_upward
4
arrow_downward

  • AppBarLayout – это просто LinearLayout по вертикали, поэтому порядок имеет значение;
  • то, что заставляет ребенка реагировать на жесты прокрутки, на самом деле определяет флаги scroll через атрибут android:layout_scrollFlags.

Из официальной документации для этого флага. , мы можем прочитать это

Представление будет прокручиваться в прямой зависимости от событий прокрутки. Этот флаг необходимо установить, чтобы другие флаги вступили в силу. Если какие-либо одноуровневые представления до этого не имеют этого флага, то это значение не действует.

Это означает, что ваш флаг игнорируется, потому что у других дочерних элементов нет никаких флагов. Я считаю, что причина этого в том, что мы хотим, чтобы были скрыты только верхние представления — нижние представления не могут исчезнуть, если есть еще что-то выше.

Таким образом, решение в этом случае (которое вам может не понравиться) состоит в следующем:

  • переместите этот вид наверх, чтобы он был единственным выходным видом;

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

    <AppBarLayout>
    <RecyclerView ...
        android:layout_scrollFlags="scroll|enterAlways"/>

    <LinearLayout ... >
    <TabLayout ... >
</AppBarLayout>
person natario    schedule 29.06.2015
comment
Это почти работает, спасибо :) Я переместил RecyclerView наверх. Я оставил других детей без scrollFlags. Результат ожидаемый: RecylerView прокручивается, а остальные остаются видимыми. Единственное, по замыслу RecyclerView должен оставаться между LinearLayout и TabLayout :( есть идеи? - person Daniele Vitali; 29.06.2015
comment
Может быть, сделать прокрутку LinearLayout тоже? - person natario; 29.06.2015
comment
Да, это точно сработает, но суть в том, что если мне нужен такой макет? Я имею в виду верхний линейный макет, вид ресайклера и макет вкладок, и мне нужно только представление ресайклера, чтобы реагировать на события прокрутки? Я предполагаю, что этот подход не позволяет мне создавать такой макет. Что ты думаешь? - person Daniele Vitali; 29.06.2015
comment
Тогда вы не сможете сделать это с помощью AppBarLayout. Решение, которое приходит на ум, — определить пользовательский Behavior для этого RecyclerView и переопределить onNestedScroll(). Там, когда пользователь прокручивает вниз, вы делаете RV невидимым (setVisibility(View.GONE)); при прокрутке вверх вы снова делаете его видимым (setVisibility(View.VISIBLE)). Попробуйте поискать пример пользовательского поведения, если вам это действительно нужно. - person natario; 29.06.2015
comment
Спасибо чувак. Я настроил поведение, но сделал это по-другому :) - person Daniele Vitali; 30.06.2015
comment
AppBarLayout — это просто вертикальный LinearLayout, поэтому порядок имеет значение. Это помогло мне, спасибо! - person Jerry; 06.07.2015

arrow_upward
1
arrow_downward

Большое спасибо @m vai за советы

Я решил эту проблему, настроив поведение AppBarLayout Вот код:

private void setAppBarLayoutBehaviour() {
    AppBarLayout.Behavior behavior = new AppBarLayout.Behavior() {

        @Override
        public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child, View directTargetChild, View target, int nestedScrollAxes) {
            // Trigger the following events if it is a vertical scrolling
            return nestedScrollAxes == ViewCompat.SCROLL_AXIS_VERTICAL || super.onStartNestedScroll(coordinatorLayout, child, directTargetChild, target, nestedScrollAxes);
        }

        @Override
        public void onNestedScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child, View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
            super.onNestedScroll(coordinatorLayout, child, target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed);

            // If I slowly reach the top, without fling, show the RecyclerView
            int[] firstVisiblePositions = ((StaggeredGridLayoutManager) ((RecyclerView) target).getLayoutManager()).findFirstCompletelyVisibleItemPositions(null);
            for (int position : firstVisiblePositions) {
                if (position == 0) {
                    showRelatedTerms();
                    break;
                }
            }
        }

        @Override
        public boolean onNestedFling(CoordinatorLayout coordinatorLayout, AppBarLayout child, View target, float velocityX, float velocityY, boolean consumed) {
            if (velocityY > 500) {
                // Hide the RecyclerView
            } else if (velocityY < -500) {
                // Show the recyclerView
            }
            return true;
        }
    };
    ((CoordinatorLayout.LayoutParams) appBarLayout.getLayoutParams()).setBehavior(behavior);
}

И я не применил никаких scrollFlags в XML.

person Daniele Vitali    schedule 30.06.2015