使用FrameLayout容器作为滚动内容的AppBarLayout不起作用

时间：2015-05-29 15:26:56

标签： android android-toolbar android-design-library android-coordinatorlayout

我试图使用最新的设计库让我的工具栏在滚动时隐藏/显示。我的问题是我在片段中的滚动内容，我只是将它注入到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和此demo，但仍无法弄清楚如何使其发挥作用。

9 个答案:

答案 0 :(得分：21)

将FrameLayout替换为android.support.v4.widget.NestedScrollView

  

NestedScrollView就像ScrollView一样，但它支持在新旧版本的Android上充当嵌套滚动父级和子级。默认情况下启用嵌套滚动。

Link to doc

答案 1 :(得分：12)

该行为的原因是Framelayout没有指定行为。 CoordinatorLayout依赖于子视图来处理行为。

你可以在这里阅读

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

它声明

  

CoordinatorLayout和自定义视图

     

需要注意的一件事是CoordinatorLayout没有   对FloatingActionButton或者有任何先天的理解   AppBarLayout工作 - 它只是提供了一个额外的API形式   Coordinator.Behavior，允许儿童观点更好地控制   触摸事件和手势以及声明每个事件之间的依赖关系   其他并通过onDependentViewChanged（）接收回调。

     

视图可以使用。声明默认行为   CoordinatorLayout.DefaultBehavior（YourView.Behavior.class）   注释，或使用。在布局文件中设置它   应用程式：layout_behavior =＆＃34; com.example.app.YourView $行为＆＃34;属性。   该框架使任何视图都可以与之集成   CoordinatorLayout。

编辑：虽然FrameLayout不是自定义视图，但它不指定CoordinateLayout要搜索的行为。

答案 2 :(得分：11)

使用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>

答案 3 :(得分：4)

在我的应用程序中，它仅适用于RecyclerView。也许您应该使用RecyclerView而不是ListView。

答案 4 :(得分：3)

您可以在CoordinatorLayout内部使用Framelayout进行滚动。为此，您必须在app:layout_behavior="@string/appbar_scrolling_view_behavior"内以及滚动视图中使用frameLayout，以便进行此折叠效果。

对于ex-如果您在frameLayout中填充RecyclerView，那么您还必须在recyclerrView中使用app:layout_behavior="@string/appbar_scrolling_view_behavior"。

<?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实现滚动，无论它是否包含recycleler或nestedScrollview。

答案 5 :(得分：2)

这是一个很好的问题。我也一样。

您的容器FrameLayout被正确定义问题在于Fragment。 Fragment应该有RecyclerView＆amp;不是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"/>

我在我的应用程序＆amp;中使用相同的结构它完美无缺。

答案 6 :(得分：1)

ListView没有实现NestedScrollingChild，所以它不起作用。

RecyclerView，它可以将滚动传播到NestedScrollingParent（CoordinatorLayout）。

答案 7 :(得分：1)

您只需要替换

<强>的FrameLayout

到

<强> 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" />

答案 8 :(得分：0)

您必须向滚动视图添加行为：

<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>
相关问题
最新问题