AppBarLayout с контейнером FrameLayout в качестве содержимого прокрутки не работает

Я пытаюсь использовать новейшую библиотеку дизайна, чтобы скрыть/показать свою панель инструментов в прокрутке. Моя проблема - это содержимое прокрутки, которое у меня есть во фрагменте, я просто вставляю его в контейнер FrameLayout, и он не работает. Здесь моя деятельность:

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.design.widget.CoordinatorLayout
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

        <include layout="@layout/layout_toolbar" />

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

    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

<FrameLayout
    android:id="@+id/navigation_drawer_container"
    android:layout_width="@dimen/navigation_drawer_width"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    tools:layout="@layout/fragment_nav_drawer_anon" />

и мой фрагмент:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<android.support.v4.widget.SwipeRefreshLayout
    android:id="@+id/pull_to_refresh"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ListView
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</android.support.v4.widget.SwipeRefreshLayout>

<TextView
    android:id="@android:id/empty"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:textSize="18sp"
    android:fontFamily="sans-serif"
    android:color="@color/dark_grey"
    android:padding="60dp"/>

и панель инструментов:

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimary"
android:minHeight="?attr/actionBarSize"
app:layout_scrollFlags="scroll|enterAlways"
style="@style/Widget.MyApp.ActionBar" />

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

Ответы

Ответ 1

Замените FrameLayout на android.support.v4.widget.NestedScrollView

NestedScrollView похож на ScrollView, но он поддерживает действие как родителя и дочернего родителя с прокруткой на обеих новых и старых версиях Android. Вложенная прокрутка включена по умолчанию.

Ссылка на документ

Ответ 2

Причиной такого поведения является то, что Framelayout не определяет поведение. КоординаторLayout полагается на представление child для обработки Поведения.

Здесь вы можете прочитать ниже

http://android-developers.blogspot.in/2015/05/android-design-support-library.html

В нем указано, что

КоординаторLayout и пользовательские представления

Важно отметить, что CoordinatorLayout doesnt иметь врожденное понимание FloatingActionButton или Работа AppBarLayout - это просто дополнительный API в виде координатор .Behavior, который позволяет детским представлениям лучше контролировать касаться событий и жестов, а также заявлять зависимости между другие и получать обратные вызовы через onDependentViewChanged().

Представления могут объявлять поведение по умолчанию, используя CoordinatorLayout.DefaultBehavior(YourView.Behavior.class) аннотации или установить его в файлах макетов с помощью app: layout_behavior = "com.example.app.YourView $Behavior". Эта структура позволяет любому представлению интегрироваться с CoordinatorLayout.

Изменить: хотя FrameLayout не является настраиваемым представлением, он не определяет поведение, которое ищет CoordinateLayout.

Ответ 3

Использование FrameLayout в качестве дочернего элемента CoordinatorLayout работает достаточно хорошо. Панель инструментов рушится, как предполагалось. У меня была проблема в начале, когда я использовал устаревшие библиотеки.

Вот зависимости gradle, которые я использую прямо сейчас:

compile 'com.android.support:appcompat-v7:22.2.1'
compile 'com.android.support:cardview-v7:22.2.0'
compile 'com.android.support:recyclerview-v7:22.2.0'
compile 'com.android.support:design:22.2.0'

Я использую FrameLayout с атрибутом app:layout_behavior="@string/appbar_scrolling_view_behavior" как дочерний элемент CoordinatorLayout в макете действий. FrameLayout служит в качестве контейнера для фрагментов. Корневыми элементами корневого каталога фрагментов являются либо RecyclerView, либо NestedScrollView.

Вот макет действия:

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

    <FrameLayout
            android:id="@+id/..."
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            />

    <android.support.design.widget.AppBarLayout
            android:layout_height="192dp"
            android:layout_width="match_parent"
            >
        <android.support.design.widget.CollapsingToolbarLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:layout_scrollFlags="scroll|exitUntilCollapsed"
                >
            <ImageView
                    android:id="@+id/.."
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:fitsSystemWindows="true"
                    android:scaleType="centerCrop"
                    android:src="@drawable/..."
                    app:layout_collapseMode="parallax"/>
            <android.support.v7.widget.Toolbar
                    android:id="@+id/toolbar_sessions"
                    android:layout_height="?attr/actionBarSize"
                    android:layout_width="match_parent"
                    app:layout_collapseMode="pin"
                    />
        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>

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

Мой первый фрагмент выглядит так:

<android.support.v7.widget.RecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:scrollbars="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="..."
    />

Мой второй фрагмент выглядит так:

<android.support.v4.widget.NestedScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="..."
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="..."
    >
...
</android.support.v4.widget.NestedScrollView>

Ответ 4

В моем приложении это работает только с RecyclerView. Возможно, вы должны использовать RecyclerView вместо ListView.

Ответ 5

Вы можете выполнить прокрутку с помощью Framelayout внутри вашего координатораLayout. Для этого вы должны использовать app:layout_behavior="@string/appbar_scrolling_view_behavior" внутри вашего frameLayout, а также внутри прокручиваемого представления, с помощью которого вы хотите этот эффект свертывания.

Для ex- Если вы раздуваете RecyclerView внутри вашего frameLayout, вам также нужно использовать app:layout_behavior="@string/appbar_scrolling_view_behavior" внутри вашего recyclerrView.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:orientation="vertical">
<android.support.v7.widget.RecyclerView
    android:id="@+id/list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
    />
</Relativelayout>

или,

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:orientation="vertical">
 <android.support.v4.widget.NestedScrollView
           android:layout_width="match_parent"
           android:layout_height="fill_parent"
        android:layout_above="@+id/bNext"
        android:fillViewport="true"
           android:scrollbars="none"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">
<!--  your content -->
</android.support.v4.widget.NestedScrollView>
</Relativelayout>

Таким образом, используя этот процесс, вы можете добиться прокрутки с помощью frameLayout, содержит ли он recycler или nestedScrollview.

Ответ 6

Это хороший вопрос. У меня тоже было то же самое.

Контейнер FrameLayout определен правильно, проблема лежит в Fragment. Fragment должен иметь RecyclerView, а не ListView, поскольку он теперь устарел.

Пример:

<android.support.v7.widget.RecyclerView
    android:id="@+id/list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipToPadding="false"
    android:paddingTop="@dimen/activity_vertical_margin"/>

Я использую ту же структуру в своем приложении, и она отлично работает.

Ответ 7

ListView не реализует NestedScrollingChild, поэтому он не работает.

RecyclerView делает, поэтому он может распространять свиток в NestedScrollingParent (CoordinatorLayout).

Ответ 8

Вам нужно заменить

FrameLayout

to

android.support.v4.widget.NestedScrollView

следующим образом:

<android.support.design.widget.CoordinatorLayout
    android:id="@+id/root_coordinator"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlways">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="192dp"
                android:scaleType="centerCrop"
                android:src="@drawable/header"
                app:layout_collapseMode="parallax" />

            <android.support.v7.widget.Toolbar
                android:id="@+id/app_bar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
                app:layout_collapseMode="pin" />

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

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

    <!-- This was before FrameLayout -->
    <android.support.v4.widget.NestedScrollView
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">
    </android.support.v4.widget.NestedScrollView>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_margin="16dp"
        android:src="@drawable/ic_drawer_alertas"
        app:borderWidth="0dp"
        app:fabSize="mini" />
</android.support.design.widget.CoordinatorLayout>


<android.support.design.widget.NavigationView
    android:id="@+id/navigation_drawer"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    app:headerLayout="@layout/drawer_header"
    app:itemIconTint="@color/colorAccent"
    app:itemTextColor="@color/colorSecondaryText"
    app:menu="@menu/menu_main" />

Ответ 9

Вы должны добавить поведение в представление прокрутки:

<android.support.v4.widget.SwipeRefreshLayout
    android:layout_marginTop="5dp"
    android:id="@+id/swipe_main"
    android:enabled="false"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">
<com.marshalchen.ultimaterecyclerview.UltimateRecyclerView
    android:id="@+id/rvUserProfile"
    app:recyclerviewEmptyView ="@layout/ev_home"
    app:recyclerviewClipToPadding="false"
    android:layout_width="match_parent"
    android:layout_height="match_parent"></com.marshalchen.ultimaterecyclerview.UltimateRecyclerView>
</android.support.v4.widget.SwipeRefreshLayout>

Ответ 10

Переместите app:layout_scrollFlags="scroll|enterAlways" с панели инструментов на Framelayout. Извините за опоздание.