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

  • ¿Cómo obtener datos XML de los activos en android?
  • Android: diferencia entre invisible y ido?
  • Android: ¿Acabo de tener un disparo por propiedad mediante el uso de temas? ¿No hay nada como CSS en Android?
  • Cómo obtener valores de BuildConfig desde xml?
  • Tamaño de la barra de navegación de Android en xml
  • Diferencia entre android: id, android: nombre y nombre de las etiquetas en los archivos XML de Android
  • ¿Cómo agregar una línea horizontal 1px encima de la vista de la imagen en un diseño relativo?
  • TransitionDrawable como fondo en TextView no funciona como se esperaba
  • Diferencia entre? SelectableItemBackground,? Android: selectableItemBackground y? Android: attr / selectableItemBackground en Android?
  • XML predeterminado para la notificación de estado
  • Restaurar estado de vista antes de aplicar atributos XML
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.