如何在材质设计中放置多个视图折叠工具栏布局

时间:2015-10-16 10:33:36

标签: android android-layout android-5.0-lollipop material-design android-collapsingtoolbarlayout

我正在使用Activity中的折叠工具栏。我想在其中显示一个列表,我正在使用RecyclerView。这工作正常。但是现在我想在Recyclerview下面显示一个按钮。 red some some where我们只能在collpasing-toolbar布局中放置一个可滚动元素。我已经有了Recyclerview,我怎么能在下面放一个按钮?我知道如果我使用nestedScrollview但我不能使用Recyclerview,我可以放多个视图。

我尝试了什么

我尝试使用嵌套滚动视图来显示recyclerview和按钮,但是在嵌套的scrollview中,recyclelerview不起作用。接下来是我的布局xml代码。

<android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fitsSystemWindows="true"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

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

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true">

            <com.andy.app.util.ui.SquareImageView
                android:id="@+id/Icon"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax"
                app:layout_collapseParallaxMultiplier="0.7" />

            <View
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@+id/groupIcon"
                android:background="@drawable/coll_toolbar_image_gradient" />

        </RelativeLayout>


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

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

<android.support.v7.widget.RecyclerView
    android:id="@+id/List"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/transparent_white"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

   <Button
    android:layout_width="fill_parent"
    android:layout_height="60dp" />

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

1 个答案:

答案 0 :(得分:0)

如果您希望按钮与视图一起滚动,则可以在RecyclerView的最后一行添加一个按钮。只需使用正确的ViewHolder插入按钮布局,并覆盖RecyclerView的getItemViewType(int position)方法,以扩展正确的视图并绑定它。

如果你想要一个静态按钮,只需用适当的布局包装你的RecyclerView,比如LinearLayout,然后像往常一样添加按钮。