Añadir diseño personalizado a la barra de herramientas

He seguido este tutorial para dar a mi aplicación una barra de herramientas regular con algunas pestañas.

Quiero cambiar la barra de herramientas para que se vea más así:

Introduzca aquí la descripción de la imagen

Quiero añadir texto e imágenes a la barra de herramientas. ¿Cómo puedo hacer esto?

activity_main.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: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" app:elevation="0dp"> <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="@color/primary" app:layout_scrollFlags="scroll|enterAlways" app:theme="@style/ToolbarTheme" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabTextAppearance="@style/TabLayout" app:tabSelectedTextColor="@color/white" /> </android.support.design.widget.AppBarLayout> <android.support.v4.view.ViewPager android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> </android.support.design.widget.CoordinatorLayout> 

2 Solutions collect form web for “Añadir diseño personalizado a la barra de herramientas”

Usted puede intentar esto: –

 <android.support.design.widget.CoordinatorLayout 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/main_container" android:layout_width="match_parent" android:layout_height="match_parent"> <!- Your view --> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:elevation="6dp" android:fitsSystemWindows="true" android:theme="@style/AppTheme"> <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:id="@+id/toolbar" android:layout_height="?attr/actionBarSize" android:elevation="6dp" app:layout_collapseMode="pin" app:layout_scrollFlags="scroll|enterAlways" app:popupTheme="@style/AppTheme"> <LinearLayout android:id="@+id/llContainer" android:layout_width="match_parent" android:orientation="vertical" android:background="@android:color/black" android:gravity="center" android:layout_height="300dp"> <!- Your TextView / ImageView --> </LinearLayout> </android.support.v7.widget.Toolbar> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabTextAppearance="@style/TabLayout" app:tabSelectedTextColor="@color/white"/> </android.support.design.widget.AppBarLayout> <android.support.v4.view.ViewPager android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> </android.support.design.widget.CoordinatorLayout> 

Android ActionBar es ahora más fácil de personalizar que nunca, debido al hecho de que el antiguo elemento ActionBar ha sido sustituido por la barra de herramientas más versátil. Para más detalles, enlace de referencia 1 y enlace de referencia de detalle 2

  • Diseño de Android: apila dos TextViews verticalmente, dentro de una fila ListView
  • ¿Por qué usamos xml?
  • (No se puede encontrar la referencia de id) Ningún recurso coincide con el nombre dado en
  • Diferencia entre "@ id /" y "@ + id /" en Android
  • Eclipse android common xml editor deja de procesar el texto correctamente (al azar)
  • Android agrega elementos dinámicamente al recurso XML de matriz
  • ¿Cómo puedo acceder a un valor BuildConfig en mi archivo AndroidManifest.xml?
  • Cómo implementar OnTouch Listener en XML
  • ImageView no mantiene la altura máxima y el ancho
  • Obtener la vista de preferencias personalizadas
  • Error: no se encontró identificador de recurso para el atributo "showAsAction" en el paquete android
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.