Tag: collapsingtoolbarlayout android appbarlayout

AppBarLayout toma espacio después de setVisibility (View.GONE)

Quiero ocultar mi AppBarLayout para agregar una vista dinámicamente que tomará la altura de la pantalla. Para esto, quiero quitar una vista temporalmente al establecer la visibilidad de mi AppBarLayout a GONE. La vista no es visible, pero toma espacio en la pantalla (la mitad de la altura de la pantalla). Mi código XML: <android.support.design.widget.CoordinatorLayout […]

Cómo sincronizar desplazamiento de dos CoordinatorLayout + AppBarLayout

Tengo una actividad con XML. Algo como: <?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout 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:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <android.support.design.widget.CoordinatorLayout android:id="@+id/coordinator" 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:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="@color/primary" android:theme="@style/ToolbarStyle" android:gravity="center_vertical" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:layout_scrollFlags="scroll|enterAlways|snap" style="@style/bold" /> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/TabLayoutStyle" android:animateLayoutChanges="true" app:tabGravity="fill" app:tabMode="fixed" app:tabTextAppearance="@style/TabStyle"/> </android.support.design.widget.AppBarLayout> <com.wedmegood.planner.view.XViewPager android:id="@+id/main_container" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="fill_vertical" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> […]

Cómo implementar correctamente NestedScrollingChild en un WebView

El NestedScrollView proporcionado con la biblioteca de soporte no funciona correctamente con el WebView ( informe de errores relacionado). Debido a esto he puesto a implementar NestedScrollingChild para un WebView y parece que funciona bien para el primer desplazamiento, colapsar y expandir el AppBarLayout pero cualquier desplazamiento subsiguiente no lo colapsan. Mi WebView : import […]

Android AppBarLayout empuja ViewPager hacia abajo

Tengo debajo del archivo de xml que tiene 1) Barra de herramientas 2) TabLayout 3) Vista de encargo y 4) ViewPager. Cuando pongo la Toolbar , TabLayout , Custom View dentro de AppBarLayout , empuja ViewPager abajo como esto: xml : <?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/feed_coordinator_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" […]

CollapsingToolbarLayout: contenido personalizadoScrim similar a Facebook

Quiero crear un ContentScrim personalizado para mi collapsingToolbarLayout . Mi imageview tiene una imageview dentro. Cuando se desplaza, en teoría la imagen se supone que desaparecerá y mi color de malla se supone que se desvanecen. Todos sabemos que podemos crear un scrim como este: <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" app:contentScrim="?attr/colorPrimary" android:background="@color/white" app:expandedTitleMarginStart="48dp" app:expandedTitleMarginEnd="64dp" android:fitsSystemWindows="true" app:expandedTitleTextAppearance="@color/transparent" […]

Barra de herramientas para colapsar como Google Play Store

Quiero implementar una barra de herramientas que se derrumbe como google Play Store. He alcanzado la funcionalidad un poco, pero que sólo funciona para la pantalla de retrato. Aquí hay una muestra de captura de pantalla de lo que pude hacer. Ahora lo que quiero hacer es cuando cambio mi orientación del dispositivo al modo […]

Añadir icono con el título en CollapsingToolbarLayout

Estoy usando CoordinatorLayout para obtener este efecto: Aquí está el código de diseño: <?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:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/coordinatorRootLayout" android:background="@android:color/background_light" android:fitsSystemWindows="true" > <android.support.design.widget.AppBarLayout android:id="@+id/android_appbar_layout" android:layout_width="match_parent" android:layout_height="220dp" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsingToolbarLayoutAndroidExample" android:layout_width="match_parent" android:background="#fff" app:collapsedTitleGravity="left" app:expandedTitleTextAppearance="@color/card_outline" android:layout_height="match_parent" app:layout_scrollFlags="scroll|exitUntilCollapsed" android:fitsSystemWindows="true" app:expandedTitleGravity="center_horizontal" app:contentScrim="?attr/colorPrimary" app:statusBarScrim="?attr/colorPrimary" app:expandedTitleMarginStart="32dp" app:expandedTitleMarginEnd="48dp"> <ImageView android:id="@+id/parallax_header_imageview" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="fitXY" android:src="@drawable/orange_triangle" app:layout_collapseMode="parallax" app:layout_collapseParallaxMultiplier="0.8"/> <ImageView app:expandedTitleGravity="center_horizontal" android:id="@+id/someImage" […]

Android Collapsing Toolbar que no usa inercia como Google Play App no

Estoy utilizando la Biblioteca de soporte de diseño de Android para crear una actividad con una barra de herramientas plegable con un efecto de atenuación agradable, al igual que Google Play o el perfil de contacto de Whatsapp. Voy a poner el diseño de la actividad al final, pero tenga en cuenta que este es […]

Detectar cuándo AppBarLayout / CollapsingToolbarLayout está completamente expandido

Tengo un fragmento que utiliza el nuevo paradigma CoordinatorLayout / AppBarLayout / CollapsingToolbarLayout, y me gustaría ser capaz de detectar cuando la barra de herramientas de colapso está totalmente expandido para que pueda realizar una operación en todo el fragmento que está en, por ejemplo, haciendo estallar el fragmento Fuera de la pila y va […]

El desplazamiento no funciona con CoordinatorLayout + imagen de paralaje + BottomSheetLayout

Introducción Tengo una actividad, que implementa un patrón común con la imagen de cabecera de paralaje y el contenido de desplazamiento utilizando CoordinatorLayout , AppBarLayout y CollapsingToolbarLayout . Mi diseño de xml se ve así: <android.support.design.widget.CoordinatorLayout android:fitsSystemWindows="true" android:layout_height="match_parent" android:layout_width="match_parent"> <android.support.design.widget.AppBarLayout android:fitsSystemWindows="true" android:id="@+id/appbar" android:layout_height="wrap_content" android:layout_width="match_parent" android:theme="@style/AppTheme.AppBarOverlay"> <android.support.design.widget.CollapsingToolbarLayout android:fitsSystemWindows="true" android:layout_height="wrap_content" android:layout_width="match_parent" app:contentScrim="?attr/colorPrimary" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <TextView android:background="@color/colorAccent" android:gravity="center" android:layout_height="250dp" […]

FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.