如何在Android中折叠工具栏布局中放置滚动视图?

时间:2017-03-30 09:46:43

标签: android android-layout scrollview android-coordinatorlayout android-collapsingtoolbarlayout

我想要类似下面问题的内容,而不是“查看1”,它将是一个滚动视图: android: Create layout which collapse on scrolling

 <?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.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:fitsSystemWindows="true"
        android:background="#456342"
        android:layout_height="match_parent"
        android:layout_marginBottom="50dp"
        android:clickable="true"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            android:theme="@style/AppTheme.AppBarOverlay"
            app:contentScrim="?attr/colorPrimary">



            <android.support.v7.widget.Toolbar
                android:id="@+id/activity_subcard_toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:popupTheme="@style/AppTheme.PopupOverlay"
                app:layout_collapseMode="pin"/>



            <include layout="@layout/activity_sub_card_content1"
                android:layout_height="200dp"
                android:layout_width="match_parent"/>



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



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

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

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

鉴于下面的xml代码是我在CollapsingToolbarLayout中包含的布局'activity_sub_card_content1'。我想要类似的东西:

enter image description here

How to place a layout below toolbar in collapsing toolbar layout?

但它的相对布局不会太长。我很长,所以我想把我的布局放在滚动视图中。

我试过的代码显示了我的滚动视图,但它没有滚动它,而是折叠了工具栏。

<ScrollView android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/trial"
    xmlns:android="http://schemas.android.com/apk/res/android">

        <LinearLayout
            android:clickable="true"
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.v7.widget.CardView
                android:layout_margin="20dp"
                android:layout_width="match_parent"
                android:layout_height="200dp">

            </android.support.v7.widget.CardView>

            <android.support.v7.widget.CardView
                android:layout_margin="20dp"
                android:layout_width="match_parent"
                android:layout_height="200dp">

            </android.support.v7.widget.CardView>
            <android.support.v7.widget.CardView
                android:layout_margin="20dp"
                android:layout_width="match_parent"
                android:layout_height="200dp">

            </android.support.v7.widget.CardView>
            <android.support.v7.widget.CardView
                android:layout_margin="20dp"
                android:layout_width="match_parent"
                android:layout_height="200dp">

            </android.support.v7.widget.CardView>




        </LinearLayout>

    </ScrollView>

2 个答案:

答案 0 :(得分:2)

您可以尝试在代码中添加以下两行:

<android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    >
<Your code here with 
    app:layout_behavior="@string/appbar_scrolling_view_behavior">
</android.support.v4.widget.NestedScrollView>

答案 1 :(得分:0)

您可以尝试添加此标记

*.json text eol=lf

AppBarLayout还需要单独的滚动兄弟,以便知道何时滚动。绑定是通过AppBarLayout.ScrollingViewBehavior类完成的,这意味着您应该将滚动视图的行为设置为AppBarLayout.ScrollingViewBehavior的实例。可以使用包含完整类名的字符串资源。

点击此链接: https://developer.android.com/reference/android/support/design/widget/AppBarLayout.html