ViewPager dentro de CoordinatorLayout cubre otras vistas en API> = 21

Estoy usando el nuevo CoordinatorLayout de la nueva biblioteca de soporte de diseño de Google.

Tengo el siguiente diseño:

 <android.support.design.widget.CoordinatorLayout> <android.support.design.widget.AppBarLayout> <android.support.design.widget.CollapsingToolbarLayout app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView app:layout_collapseMode="parallax"/> <android.support.v7.widget.Toolbar /> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <LinearLayout app:layout_behavior="@string/appbar_scrolling_view_behavior" > <android.support.design.widget.TabLayout /> <android.support.v4.view.ViewPager android:id="@+id/viewPager" /> </LinearLayout> <com.getbase.floatingactionbutton.FloatingActionsMenu app:layout_anchor="@id/viewPager" app:layout_anchorGravity="bottom|right|end" android:layout_alignParentBottom="true" android:layout_alignParentEnd="true" android:layout_alignParentRight="true" > <com.getbase.floatingactionbutton.FloatingActionButton /> </com.getbase.floatingactionbutton.FloatingActionsMenu> </android.support.design.widget.CoordinatorLayout> 

El problema es que el ViewPager siempre se superpone en la parte superior de la FloatingActionMenu en API >= 21 , ¿hay una solución para esto? He intentado usar view.bringToFront() para arreglar esto, pero no hay suerte. También cambié las Views alrededor también, todavía no suerte. Cosas que intenté:

  • Mover el FABMenu dentro de AppBarLayout
  • Mover el FABMenu dentro de LinearLayout

Sin suerte.

¿Alguien ha experimentado algo similar?

Esto resultó ser un problema de elevación simple, estaba fijando la elevación como android:elevation=".." y esto era una elevación más baja que otra vista, cubriendo así el FloatingActionButtonMenu . Esto sólo ocurre en API >= 21 .

Aunque parecías haber encontrado la respuesta tú mismo, hay un recurso absolutamente increíble aquí: https://github.com/chrisbanes/cheesesquare

Esta es una implementación de viewpager dentro de un diseño de coordinador que utiliza la biblioteca oficial de soporte de diseño de google, junto con todos los otros extras admitidos por esta biblioteca (incluyendo un panel lateral de navegación extremadamente fácil de usar).

¿Por qué estoy compartiendo esto? Debido a que el código es limpio, utiliza una biblioteca oficial más reciente y es compatible con versiones anteriores. Me pareció muy fácil de usar esto como una base para mi aplicación y ya estoy recibiendo una buena retroalimentación sobre la aplicación general del diseño que sigue de cerca las directrices de material.

El ejemplo está escrito por una persona del equipo oficial de android por lo que también es fiable de esa manera!

Espero que encuentre esto útil (aunque no totalmente una respuesta directa a su pregunta – pero relacionados sin embargo).

Soy un nuevo usuario que ni siquiera puede publicar comentarios debido a la baja representante de modo que la concesión de la representante será realmente útil!

Gracias 🙂

  • Android XML ¿Hay una manera de utilizar el espacio de nombres de la herramienta con atributos personalizados?
  • Obtención de tamaño de pantalla no de subclase de actividad
  • RelativeLayout - CenterInParent y marginTop
  • Cómo alinear el botón por centro y hacer offset
  • ¿Cuántos WindowInsets hay?
  • Las vistas agregadas a TableLayout no se muestran mediante programación
  • Cambiar el ancho y la altura de la vista personalizada en Android
  • Mostrar TextView con 2 colores separados usando la máscara
  • Reproducción de un video local de aplicación (.mp4) en una vista web
  • Detectar clics largos en una vista personalizada?
  • Utilizar XML Layout como vista para Subclase de vista?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.