Skip to content Skip to sidebar Skip to footer

Anchor A Recyclerview Little Higher On A Collapsing Toolbar Layout

Is it possible to anchor a RecyclerView a little bit higher than it's usual location, Like the FAB icon on most of the collapsible views (see Image 1 for the expected results). Im

Solution 1:

This is actually pretty easy to achieve - there is a behavior_overlapTop property for each view that has app:layout_behavior="@string/appbar_scrolling_view_behavior". So all you need to do is just to set this property to your RecyclerView:

<android.support.v7.widget.RecyclerView
    android:id="@+id/categories"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    app:behavior_overlapTop="64dp"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    android:gravity="center"/>

Solution 2:

<android.support.design.widget.CoordinatorLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"><android.support.design.widget.AppBarLayoutandroid:id="@+id/appbar"android:layout_width="match_parent"android:layout_height="180dp"android:fitsSystemWindows="true"app:expanded="true"><android.support.design.widget.CollapsingToolbarLayoutandroid:id="@+id/collapsing_toolbar"android:layout_width="match_parent"android:layout_height="wrap_content"android:fitsSystemWindows="true"app:contentScrim="?attr/colorPrimary"app:expandedTitleMarginEnd="64dp"app:expandedTitleMarginStart="48dp"app:expandedTitleTextAppearance="@android:color/transparent"app:layout_scrollFlags="scroll|exitUntilCollapsed"><ImageViewandroid:id="@+id/bannerImage"android:layout_width="match_parent"android:layout_height="match_parent"android:scaleType="centerCrop"app:layout_collapseMode="parallax"android:src="@drawable/starter_screen_bg"/></android.support.design.widget.CollapsingToolbarLayout></android.support.design.widget.AppBarLayout><android.support.v7.widget.RecyclerViewandroid:id="@+id/categories"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_gravity="center"app:behavior_overlapTop="?actionBarSize"     // ChangedHereonlyapp:layout_behavior="@string/appbar_scrolling_view_behavior"android:gravity="center" /></android.support.design.widget.CoordinatorLayout>

Post a Comment for "Anchor A Recyclerview Little Higher On A Collapsing Toolbar Layout"