Archivo del blog

jueves, 24 de mayo de 2018

CollapsingToolbarLayout


Implementar Collapsing ToolBar Layout
<?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=".vistas.PictureDetailActivity">

    <android.support.design.widget.AppBarLayout
       
android:layout_width="match_parent"
       
android:layout_height="@dimen/appbarlayout_height"
       
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"
       
app:layout_scrollFlags="scroll|exitUntilCollapsed"
       
app:layout_scrollInterpolator="@android:anim/decelerate_interpolator"
       
app:contentScrim="@color/colorPrimary">

        <ImageView
           
android:id="@+id/imageHeader"
           
android:layout_width="match_parent"
           
android:layout_height="match_parent"
           
android:src="@android:drawable/sym_def_app_icon"
           
android:scaleType="centerCrop"
            
/>

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

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

   
<!-- HASTA AQUI LA CONFIGURACION -->

   
<android.support.v4.widget.NestedScrollView
       
android:layout_width="match_parent"
       
android:layout_height="match_parent"
       
app:layout_behavior="android.support.design.widget.AppBarLayout$ScrollingViewBehavior">

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

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

No hay comentarios:

Publicar un comentario