Join FlipAndroid.COM Telegram Group: https://t.me/joinchat/F_aqThGkhwcLzmI49vKAiw


Android: cómo agregar un botón con el texto dentro de la barra de herramientas de contracción

Cómo lograr el siguiente diseño. Podría lograr sin el botón de agregar. Pero cómo agregar el botón ADD y añadir botón debe desaparecer junto con el paralaje de la imagen cuando se desplaza hacia arriba.

Lo que he encontrado es botones de acción flotante no tienen facilidad para añadir texto. Tengo que usar el botón solamente.

Introduzca aquí la descripción de la imagen

Mi diseño de xml sin el botón de agregar:

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/drawer_layoutplace1" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <android.support.design.widget.CoordinatorLayout android:id="@+id/coordinatorLayout" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/appBarLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="150dip" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimary" app:expandedTitleMarginBottom="20dp" app:expandedTitleMarginEnd="64dp" app:expandedTitleMarginStart="48dp" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/header" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_collapseMode="parallax" /> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_collapseMode="pin" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <FrameLayout android:id="@+id/framelayout" android:layout_width="match_parent" android:layout_height="50dp" android:layout_gravity="bottom" app:layout_anchor="@+id/appBarLayout" app:layout_anchorGravity="bottom" app:layout_collapseMode="none"> <android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="50dp" android:background="#ffffff" android:gravity="bottom" android:textAllCaps="false" android:theme="@style/MyCustomTabLayout" app:tabGravity="center" app:tabIndicatorColor="#574ec1" app:tabIndicatorHeight="2dp" app:tabMode="scrollable" app:tabSelectedTextColor="#574ec1" app:tabTextColor="#8A000000" /> </FrameLayout> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="fill_parent" android:paddingBottom="56dp" android:layout_marginTop="50dp" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> </android.support.design.widget.CoordinatorLayout> <android.support.design.widget.NavigationView android:id="@+id/navigation_viewplace1" android:layout_height="match_parent" android:layout_width="wrap_content" android:layout_gravity="start" android:fitsSystemWindows="false" app:itemTextColor="#8A000000" app:itemIconTint="#8A000000" app:menu="@menu/drawer_view" /> </android.support.v4.widget.DrawerLayout> 

También el texto: "UDUPI SRIKRISHNA TEMPLE" que aparece en líneas dobles. es eso posible.

Añado título usando

 collapsingToolbar = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar); collapsingToolbar.setTitle("Udupi Sri krishna Temple"); 

Pero el título muestra sólo parcialmente y muestra …

En su lugar quiero que se muestre en varias líneas. Es posible

2 Solutions collect form web for “Android: cómo agregar un botón con el texto dentro de la barra de herramientas de contracción”

Usted puede agregar el botón y la imagen como esto

 <android.support.design.widget.AppBarLayout android:id="@+id/appBarLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="150dip" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimary" app:expandedTitleMarginBottom="20dp" app:expandedTitleMarginEnd="64dp" app:expandedTitleMarginStart="48dp" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/header" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_collapseMode="parallax" /> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_collapseMode="pin" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="bottom|end" app:layout_collapseMode="parallax" android:orientation="horizontal"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button"/> </LinearLayout> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> 

En tu contenido desplazable principal pon este código

  <android.support.v4.widget.NestedScrollView android:id="@+id/scroll" android:layout_width="match_parent" android:layout_height="match_parent" android:clipToPadding="false" app:layout_behavior="@string/appbar_scrolling_view_behavior"> </android.support.v4.widget.NestedScrollView> 

Puede agregar TextView , Button o cualquier cosa que desee mostrar en Layout plegable.

  <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="150dip" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimary" app:expandedTitleMarginBottom="20dp" app:expandedTitleMarginEnd="64dp" app:expandedTitleMarginStart="48dp" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/header" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_collapseMode="parallax" > <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_collapseMode="pin" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" > <TextView android:id="@+id/toolbar_title_text" android:layout_width="fill_parent" android:layout_height="wrap_content" /> <Button android:id="@+id/btntest" android:layout_width="wrap_content" android:layout_height="wrap_content" ... /> ....... </LinearLayout> </android.support.v7.widget.Toolbar> </android.support.design.widget.CollapsingToolbarLayout> 
FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.