1

Ojeando la guia de diseño de Material Design, hay una platilla de scroll llamda Flexible space with overlapping content que la ActionBar cuando está expandida se muestra por debajo del contenido y cuando se hace scroll se colapsa.

¿Cómo se puede realizar ese overlaping del contenido?

introducir la descripción de la imagen aquí

Aquí un video de lo que quiero realizar

1
  • 1
    Deconocia se podía realizar esto, me parece interesante la animación para agregar a futuros proyectos. Encontré "Flexible space with overlapping content", material.google.com/patterns/… y se realiza como comenta x4mp73r y Bourne.
    – Jorgesys
    Commented el 17 ago. 2016 a las 20:10

2 respuestas 2

1

Intenta con el siguiente código:

<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
app:behavior_overlapTop="64dp">

lo importante es la linea:

app:behavior_overlapTop="64dp"
1
  • Tu solución como la de @x4mp73r me han servido. puedes tambien añadir que si se quiere poner fijo el titulo en CollapsingToolbarLayout se debe poner la propiedad app:titleEnabled="false"
    – Codelaby
    Commented el 17 ago. 2016 a las 21:17
1

Al NestedScrollView se lo puedes agregar con setOverLayTop desde código:

NestedScrollView scrollView = (NestedScrollView) getActivity().findViewById(R.id.tu_nestedScrollView);

CoordinatorLayout.LayoutParams params = 
    (CoordinatorLayout.LayoutParams) scrollView.getLayoutParams();
AppBarLayout.ScrollingViewBehavior behavior =
    (AppBarLayout.ScrollingViewBehavior) params.getBehavior();
    behavior.setOverlayTop(128); 

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.