CoordinatorLayout/AppBarLayout ExpandableListView отображается вне экрана

Еще больше проблем с использованием CoordinatorLayout и AppBarLayout.

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

Однако моя текущая настройка показывает проблему: не только панель инструментов не прокручивается, но и ListView, кажется, отображается за пределами экрана внизу. Это почти как если бы оно было компенсировано высотой AppBarLayout.

Вот gif, описывающий проблему, обратите внимание, что последний элемент обрезан, а полоса прокрутки не отображается на экране:

введите описание изображения здесь

Мой макет довольно стандартный:

<?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:background="@color/background">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?android:attr/actionBarSize"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            android:background="@color/orange"
            app:layout_scrollFlags="scroll|enterAlways"/>

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


    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/swipeToRefresh"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <ExpandableListView
            android:id="@+id/listView"
            android:groupIndicator="@android:color/transparent"
            android:layout_width="match_parent"
            android:dividerHeight="0px"
            android:layout_height="match_parent"/>
    </android.support.v4.widget.SwipeRefreshLayout>

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

person Graeme    schedule 30.09.2015    source источник
comment
Посмотрите на мой ответ, дайте мне знать, если это сработало   -  person waleedsarwar86    schedule 30.09.2015


Ответы (2)


CoordinatorLayout работает только с RecyclerView или NestedScrollView. Попробуйте обернуть ExapandableListView внутри NestedScrollView или используйте приведенный ниже код, чтобы сделать NestedScrollingEnable для ExpandableListView.

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
     expandablelistView.setNestedScrollingEnabled(true);
}else {
     CoordinatorLayout.LayoutParams params = (CoordinatorLayout.LayoutParams) mSwipeLayout.getLayoutParams();
     params.bottomMargin = heightOfAppBarCompat;
     mSwipeLayout.setLayoutParams(params);
}

Изменить Вы можете заставить прокрутку работать как положено до версии 21 с помощью инструкции else.

person waleedsarwar86    schedule 30.09.2015
comment
Да, включение вложенной прокрутки в ExpandableListView исправляет это. Я добавил хак к вашему ответу для устройств до v21, надеюсь, вы не возражаете. - person Graeme; 01.10.2015
comment
как насчет SwipeRefreshLayout? - person Alpha Huang; 15.03.2016
comment
Теперь вы можете использовать ViewCompat.setNestedScrollingEnabled((View view, boolean enabled) в целях совместимости. Не проверял, действительно ли это работает на старом API. - person lionscribe; 09.08.2016

Я бы написал это как комментарий, но с точки зрения удобочитаемости я опущу эту информацию как ответ. Если это не сработает, дайте мне знать, и я удалю его... Я думаю, вы должны указать панели инструментов, как взаимодействовать. В моем приложении панель инструментов выглядит так:

<android.support.v7.widget.Toolbar
            android:id="@+id/anim_toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

обратите внимание на "приложение: layout_collapseMode"

person Martin Pfeffer    schedule 30.09.2015