如何将视图放在CollapsingToolbarLayout上方

时间:2016-08-17 07:58:48

标签: android material-design android-coordinatorlayout android-collapsingtoolbarlayout

如何在AppbarLayout内部的CollapsingToolbarLayout上方放置静态视图?我的Coordinator视图中的组织如下所示:

<AppBarLayout>
    <RelativeLayout/>             ----- should not collapse
    <CollapsingToolbarLayout/>    ----- should collapse
</AppBarLayout>
<NestedScrollView/>

问题在于,当我在CollapsingToolbar上方添加任何内容时,它们会显示正常但会破坏CollapsingToolbar的折叠功能。

完整的xml:

<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context="c.toolbar_test.ScrollingActivity2">

<android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/app_bar_height"
    android:fitsSystemWindows="true"
    android:theme="@style/AppTheme.AppBarOverlay">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New Button"
            android:id="@+id/button"/>
    </RelativeLayout>

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/toolbar_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        app:contentScrim="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">


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

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



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

那么如何在折叠工具栏上方放置一些内容并保留折叠功能呢?

1 个答案:

答案 0 :(得分:1)

为时已晚,但这是一个解决方案 您可以做的是将父布局作为线性,并将其临时子项放在您的相对视图中,然后根据需要添加您的协调器布局....