Cambiar el nombre e icono de la aplicación y Up Button en Android

Veamos cómo cambiar el nombre e icono de la aplicación e implementar el botón Flecha atrás (o Up Button) en Android.

Cambiar el nombre la aplicación en Android

Paso 1. Abra el archivo string.xml.

Vaya a la pestaña de Project. Despliegue el folder de app -> res -> values. Abra el archivo string.xml. 

Paso 2. Modifique el atributo app_name.

Verá una línea que dice: 

<string name=“app_name">Titulo</string>

Cambie el nombre que tiene por el de su preferencia. Por ejemplo:

<string name=“app_name”>Práctica 7</string>

Establecer el icono de la aplicación

Paso 1. Agregue una imagen

Vaya al menú File en la opción New -> Image Asset

Abre una ventana como la siguiente:

Ventana Configure Image Asset

Dejamos la opción Launcher icons y como nombre de la imagen usaré ic_mico (tú puedes usar el nombre que prefieras).

En el campo de path escriba el nombre de la imagen png que usarás como icono.

Paso 2. Coloca el icono en el Action Bar

En el activity al que deseamos aplicar el icono le agregamos las siguientes líneas:

// Indica que se usará un icono en el Action Bar
   getSupportActionBar().setDisplayShowHomeEnabled(true);
   getSupportActionBar().setIcon(R.mipmap.ic_mico);

Si lo ejecutamos se ve así:

Cambiar icono de la aplicación

Sin embargo, esto no cambia el icono de la aplicación. Para ello realizamos lo siguiente.

Paso 3. Cambiar el icono de la aplicación en Android

Vamos al archivo AndroidManifest.xml y buscamos las siguientes líneas:

android:icon=“@mipmap/ic_launcher"
android:roundIcon=“@mipmap/ic_launcher_round"

Y corregimos el nombre del archivo:

android:icon="@mipmap/ic_mico"
android:roundIcon="@mipmap/ic_mico_round"

Ahora vemos que el icono de la aplicación ha cambiado.

Icono de la aplicación cambiado

Activar la Flecha atrás en Android (Up Button)

Paso 1. Modificar el activity donde aplicaremos el botón

Para activar la flecha atrás o también llamado Up Button, vamos a la activity a la que le queremos aplicar el botón y escribimos el siguiente código:

// Activar flecha atras
   getSupportActionBar().setDisplayHomeAsUpEnabled(true);

Paso 2. Modificar el Android.Manifest

Tenemos que realizar un cambio en el archivo Android.Manifest.xml

Abra el archivo y busque una línea como la siguiente: 

<activity android:name=".SecondActivity" ></activity>

Donde SecondActivity es el nombre del Activity donde aplicaste el botón de flecha atrás. Ahora lo modificamos de la siguiente manera:

<activity android:name=".SecondActivity" android:parentActivityName=".MainActivity" />
</activity>

Donde MainActivity es el Activity al que queremos regresar cuando el usuario pulse la flecha hacia atrás.

Esto es aplicable para Android 4.1 (API level 16). Si deseas que tu aplicación soporte Android 4.0 o inferior, el código sería:

<activity android:name=".SecondActivity" android:parentActivityName=".MainActivity" />
   <meta-data
    android:name="android.support.PARENT_ACTIVITY"
    android:value=".MainActivity" />
</activity>

Si deseas ver el resultado está aquí.

Referencias

1. Android.com (2018). Providing Up navigation. Disponible en [https://developer.android.com/training/implementing-navigation/ancestral]

Tu comentario

opiniones