Skip to content

Instantly share code, notes, and snippets.

@maxcruz
Created January 24, 2017 13:17
Show Gist options
  • Save maxcruz/884d8b02f98ae604feecb4967a3a6475 to your computer and use it in GitHub Desktop.
Save maxcruz/884d8b02f98ae604feecb4967a3a6475 to your computer and use it in GitHub Desktop.
Layout with nested scroll and collapsible image
<?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"
android:id="@+id/mainContent"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:id="@+id/appBar"
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/collapsingToolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="@color/lime_700"
app:expandedTitleTextAppearance="?android:attr/textAppearanceMedium"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<android.support.v4.view.ViewPager
android:id="@+id/viewPagerSlider"
android:layout_width="match_parent"
android:layout_height="250dp"
app:layout_collapseMode="parallax" />
<LinearLayout
android:id="@+id/layoutPagesIndicator"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_marginBottom="8dp"
android:gravity="center_horizontal"
android:orientation="horizontal">
</LinearLayout>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:layout_scrollFlags="scroll|enterAlways">
</android.support.v7.widget.Toolbar>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin">
<com.gammapeit.equilibro.views.TextItemLayout
android:id="@+id/itemTitle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/activity_vertical_margin"
app:itemIcon="@drawable/ic_title"
app:itemLabel="@string/book_detail_title"
app:itemTint="@color/lime_500" />
<com.gammapeit.equilibro.views.TextItemLayout
android:id="@+id/itemAuthor"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/activity_vertical_margin"
app:itemIcon="@drawable/ic_author"
app:itemLabel="@string/book_detail_author"
app:itemTint="@color/lime_500" />
<com.gammapeit.equilibro.views.TextItemLayout
android:id="@+id/itemISBN"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/activity_vertical_margin"
app:itemIcon="@drawable/ic_isbn"
app:itemLabel="@string/book_detail_isbn"
app:itemTint="@color/lime_500" />
<com.gammapeit.equilibro.views.TextItemLayout
android:id="@+id/itemStatus"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/activity_vertical_margin"
app:itemIcon="@drawable/ic_status"
app:itemLabel="@string/book_detail_status"
app:itemTint="@color/lime_500" />
<com.gammapeit.equilibro.views.TextItemLayout
android:id="@+id/itemEditorial"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/activity_vertical_margin"
app:itemIcon="@drawable/ic_editorial"
app:itemLabel="@string/book_detail_editorial"
app:itemTint="@color/lime_500" />
<com.gammapeit.equilibro.views.TextItemLayout
android:id="@+id/itemEdition"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/activity_vertical_margin"
app:itemIcon="@drawable/ic_edition"
app:itemLabel="@string/book_detail_edition"
app:itemTint="@color/lime_500" />
<com.gammapeit.equilibro.views.TextItemLayout
android:id="@+id/itemPublish"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/activity_vertical_margin"
app:itemIcon="@drawable/ic_publish"
app:itemLabel="@string/book_detail_publish"
app:itemTint="@color/lime_500" />
<com.gammapeit.equilibro.views.TextItemLayout
android:id="@+id/itemLanguage"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/activity_vertical_margin"
app:itemIcon="@drawable/ic_language"
app:itemLabel="@string/book_detail_language"
app:itemTint="@color/lime_500" />
<com.gammapeit.equilibro.views.TextItemLayout
android:id="@+id/itemLocation"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/activity_vertical_margin"
app:itemIcon="@drawable/ic_location"
app:itemLabel="@string/book_detail_location"
app:itemTint="@color/lime_500" />
<com.gammapeit.equilibro.views.TextItemLayout
android:id="@+id/itemCategory"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/activity_vertical_margin"
app:itemIcon="@drawable/ic_category"
app:itemLabel="@string/book_detail_category"
app:itemTint="@color/lime_500" />
<com.gammapeit.equilibro.views.TextItemLayout
android:id="@+id/itemDescription"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/activity_vertical_margin"
app:itemIcon="@drawable/ic_description"
app:itemLabel="@string/book_detail_description"
app:itemTint="@color/lime_500" />
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
<android.support.design.widget.FloatingActionButton
android:id="@+id/buyBook"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/fab_margin"
android:clickable="true"
android:src="@drawable/ic_shopping_cart"
app:backgroundTint="@color/orange_500"
app:layout_anchor="@id/appBar"
app:layout_anchorGravity="bottom|right|end"
app:layout_behavior="com.gammapeit.equilibro.views.FABScrollBehavior" />
</android.support.design.widget.CoordinatorLayout>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment