android - example - Cuando uso el CoordinatorLayout mi ScrollView tiene un tamaño incorrecto

coordinatorlayout example

Question

Estoy usando un ScrollView en un diseño, y estoy tratando de usar el nuevo CoordinatorLayout de la biblioteca de soporte de diseño .

Mi archivo de diseño se ve así:

<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ScrollView
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="wrap_content"
android:orientation="vertical">
...
</LinearLayout>
</ScrollView>
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.Toolbar ... />
</android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>

Al probar esto, la vista de desplazamiento solo ocupa parte de la pantalla. ¿Qué salió mal?

Answer 1

NestedScrollView es como ScrollView, pero admite actuar tanto como un elemento principal desplazable anidado como secundario en versiones nuevas y antiguas de Android. El desplazamiento anidado está habilitado por defecto.

Puede usar un NestedScrollView dentro de un ScrollView padre. NestedScrollView se utiliza cuando hay una necesidad de una vista de desplazamiento dentro de otra vista de desplazamiento. Aquí es donde es útil, cuando el sistema necesita decidir qué vista desplazarse.

Aquí hay un ejemplo de NestedScrollView con CoordinatorLayout:

 <android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<!-- Your scrolling content -->
</android.support.v4.widget.NestedScrollView>
<android.support.design.widget.AppBarLayout
android:layout_height="wrap_content"
android:layout_width="match_parent">
<android.support.v7.widget.Toolbar
...
app:layout_scrollFlags="scroll|enterAlways"/>
<android.support.design.widget.TabLayout
...
app:layout_scrollFlags="scroll|enterAlways"/>
</android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>

Answer 2

El ScrollView estándar solo está destinado a ser utilizado como padre. Debe cambiar ScrollView a android.support.v4.widget.NestedScrollView .

Se puede ver un ejemplo en la documentación de referencia para AppBarLayout .