¿Como agregar una imagen a un ActionBar en Android?

¿Como agregar una imagen a un ActionBar en Android?

El dia de hoy vamos a ver como agregar una imagen a un actionbar en nuestras aplicaciones moviles para este sistema operativo, esto lo haremos gracias a la libreria de compatbilidad de android support v7 y nos permitirá darle mayor branding a nuestra app. Si tu aplicación no tiene actionbar te decimos como agregar una y además por supuesto agregar una imagen a un actionbar en lugar de que muestre el clasico texto o titulo de nuestra aplicación.

¿Como agregar un actionbar a nuestra aplicación android?

En caso de que por alguna razón no tengas un actionbar en tu proyecto lo primero que vamos a hacer es agregar uno.

Lo primero será agregar la biblioteca de compatbilidad androidsupportv7.

Ahora en lugar de extender tu actividad Java de Activity vamos a heredar de AppCombatActivity:


¿Sabías que?

¿Necesitas aprender algo nuevo ? Ve a Udemy, busca el tema del que quieres aprender, selecciona el curso para ti y continua con tu aprendizaje.

Udemy

public class Actividad extends AppCompatActivity {
  // ...
}

Lo siguiente será ir a nuestro android manifest y agregar que no queremos la actionbar por defecto:

<application
 android:theme="@style/Theme.AppCompat.Light.NoActionBar"
/>

Ahora vamos a ir al xml de nuestro layout de nuestra actividad y agregamos lo siguiente:

<android.support.v7.widget.Toolbar
   android:id="@+id/mibarra"
   android:layout_width="match_parent"
   android:layout_height="?attr/actionBarSize"
   android:background="?attr/colorPrimary"
   android:elevation="4dp"
   android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
   app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

Por último vamos a decir que vamos  a utilizar dicha barra en nuestro codigo Java asi:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_my);
    Toolbar mibarra= (Toolbar) findViewById(R.id.mibarra);
    setSupportActionBar(mibarra);
    }

Ahora ya tendremos nuestro ActionBar en nuestra actividad!

¿Como personalizar nuestro ActionBar?

Para cambiar el estilo de nuestra barra tenemos que cambiar en nuestro xml de layout la linea android:theme y eliminar:

android:theme="@style/ThemeOverlay.AppCompat.ActionBar"

y remplazar por:

android:theme="@style/ToolBarStyle"

En res -> values -> styles podremos agregar un nuevo estilo llamado ToolBarStyle asi:

<!-- ToolBar -->
    <style name="ToolBarStyle" parent="Theme.AppCompat">
        <item name="android:textColorPrimary">@color/blanco</item>
        <item name="android:textColorSecondary">@color/grisApp</item>
        <item name="actionMenuTextColor">@color/blanco</item>

Por ejemplo he cambiado los textos de la barra a color Blanco.

¿Como agregar una imagen a un actionbar en android?

Por último si deseas cambiar el texto de titulo de la barra por una imagen entonces deberemos ir nuevamente al xml del layout de nuestra actividad y agregar un imageview dentro de nuestra toolbar asi

<android.support.v7.widget.Toolbar
    android:id="@+id/mibarra"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:popupTheme="@style/AppTheme.PopupOverlay" >

    <ImageView
        android:src="@drawable/header_image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</android.support.v7.widget.Toolbar>

Ahora tu barra mostrará una imagen en lugar del titulo de la actividad.

¿Eres nuevo en android? No te pierdas las bases para crear una aplicación android en android studio.

Si esta información te fue de utilidad no olvides compartirla en tus redes sociales y dejarnos un comentario.

Hasta luego!

Clic para valorar esta información
[Total: 0 Promedio: 0]