{"id":1580,"date":"2018-10-04T10:20:00","date_gmt":"2018-10-04T15:20:00","guid":{"rendered":"http:\/\/naps.com.mx\/blog\/?p=1580"},"modified":"2018-10-10T11:59:27","modified_gmt":"2018-10-10T16:59:27","slug":"icono-de-la-aplicacion-en-android","status":"publish","type":"post","link":"https:\/\/naps.com.mx\/blog\/icono-de-la-aplicacion-en-android\/","title":{"rendered":"Cambiar el nombre e icono de la aplicaci\u00f3n y Up Button en Android"},"content":{"rendered":"<p><em><strong>Veamos c\u00f3mo cambiar el nombre e icono de la aplicaci\u00f3n e implementar el bot\u00f3n Flecha atr\u00e1s (o Up Button) en Android.<\/strong><\/em><\/p>\n<p><!--more--><\/p>\n<h2>Cambiar el nombre la aplicaci\u00f3n en Android<\/h2>\n<h3><strong>Paso 1. Abra el archivo <em>string.xml<\/em><\/strong>.<\/h3>\n<p>Vaya a la pesta\u00f1a de Project. Despliegue el folder de app -&gt; res -&gt; values. Abra el archivo string.xml.<span class=\"Apple-converted-space\">\u00a0 <\/span><\/p>\n<h3><strong>Paso 2. Modifique el atributo <em>app_name<\/em><\/strong>.<\/h3>\n<p>Ver\u00e1 una l\u00ednea que dice:<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<pre class=\"lang:xhtml decode:true \">&lt;string name=\u201capp_name\"&gt;Titulo&lt;\/string&gt;<\/pre>\n<p>Cambie el nombre que tiene por el de su preferencia. Por ejemplo:<\/p>\n<pre class=\"lang:xhtml decode:true \">&lt;string name=\u201capp_name\u201d&gt;Pr\u00e1ctica 7&lt;\/string&gt;<\/pre>\n<h2>Establecer el icono de la aplicaci\u00f3n<\/h2>\n<h3><strong>Paso 1. Agregue una imagen<\/strong><\/h3>\n<p>Vaya al men\u00fa <em>File<\/em> en la opci\u00f3n <em>New<\/em> -&gt; <em>Image<\/em> <em>Asset<\/em><\/p>\n<p>Abre una ventana como la siguiente:<\/p>\n<div id=\"attachment_1584\" style=\"width: 1648px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/ConfigureImageAsset.jpeg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1584\" class=\"size-full wp-image-1584\" src=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/ConfigureImageAsset.jpeg\" alt=\"Ventana Configure Image Asset\" width=\"1638\" height=\"1068\" srcset=\"https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/ConfigureImageAsset.jpeg 1638w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/ConfigureImageAsset-300x196.jpeg 300w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/ConfigureImageAsset-768x501.jpeg 768w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/ConfigureImageAsset-1024x668.jpeg 1024w\" sizes=\"auto, (max-width: 1638px) 100vw, 1638px\" \/><\/a><p id=\"caption-attachment-1584\" class=\"wp-caption-text\">Ventana Configure Image Asset<\/p><\/div>\n<p>Dejamos la opci\u00f3n <em>Launcher<\/em> <em>icons<\/em> y como nombre de la imagen usar\u00e9 <em>ic_mico<\/em> (t\u00fa puedes usar el nombre que prefieras).<\/p>\n<p>En el campo de <em>path<\/em> escriba el nombre de la imagen <em>png<\/em> que usar\u00e1s como icono.<\/p>\n<h3><strong>Paso 2. Coloca el icono en el Action Bar<\/strong><\/h3>\n<p>En el <em>activity<\/em> al que deseamos aplicar el icono le agregamos las siguientes l\u00edneas:<\/p>\n<pre class=\"lang:java decode:true\">\/\/ Indica que se usar\u00e1 un icono en el Action Bar\r\n \u00a0 getSupportActionBar().setDisplayShowHomeEnabled(true);\r\n \u00a0 getSupportActionBar().setIcon(R.mipmap.ic_mico);<\/pre>\n<p>Si lo ejecutamos se ve as\u00ed:<\/p>\n<div id=\"attachment_1587\" style=\"width: 450px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/Cambiar-icono1.jpeg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1587\" class=\"size-full wp-image-1587\" src=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/Cambiar-icono1.jpeg\" alt=\"Cambiar icono de la aplicaci\u00f3n\" width=\"440\" height=\"380\" srcset=\"https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/Cambiar-icono1.jpeg 440w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/Cambiar-icono1-300x259.jpeg 300w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><\/a><p id=\"caption-attachment-1587\" class=\"wp-caption-text\">Cambiar icono de la aplicaci\u00f3n<\/p><\/div>\n<p>Sin embargo, esto no cambia el icono de la aplicaci\u00f3n. Para ello realizamos lo siguiente.<\/p>\n<h3><strong>Paso 3. Cambiar el icono de la aplicaci\u00f3n en Android<\/strong><\/h3>\n<p>Vamos al archivo <em>AndroidManifest.xml<\/em> y buscamos las siguientes l\u00edneas:<\/p>\n<pre class=\"lang:xhtml decode:true\">android:icon=\u201c@mipmap\/ic_launcher\"\r\nandroid:roundIcon=\u201c@mipmap\/ic_launcher_round\"<\/pre>\n<p>Y corregimos el nombre del archivo:<\/p>\n<pre class=\"lang:xhtml decode:true\">android:icon=\"@mipmap\/ic_mico\"\r\nandroid:roundIcon=\"@mipmap\/ic_mico_round\"<\/pre>\n<p>Ahora vemos que el icono de la aplicaci\u00f3n ha cambiado.<\/p>\n<div id=\"attachment_1590\" style=\"width: 558px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/iconoCambiado.jpeg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1590\" class=\"size-full wp-image-1590\" src=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/iconoCambiado.jpeg\" alt=\"Icono de la aplicaci\u00f3n cambiado\" width=\"548\" height=\"980\" srcset=\"https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/iconoCambiado.jpeg 548w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/iconoCambiado-168x300.jpeg 168w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/a><p id=\"caption-attachment-1590\" class=\"wp-caption-text\">Icono de la aplicaci\u00f3n cambiado<\/p><\/div>\n<h2>Activar la Flecha atr\u00e1s en Android (<em>Up<\/em> <em>Button<\/em>)<\/h2>\n<h3><strong>Paso 1. Modificar el activity donde aplicaremos el bot\u00f3n<\/strong><\/h3>\n<p>Para activar la flecha atr\u00e1s o tambi\u00e9n llamado <em>Up<\/em> <em>Button<\/em>, vamos a la <em>activity<\/em> a la que le queremos aplicar el bot\u00f3n y escribimos el siguiente c\u00f3digo:<\/p>\n<pre class=\"lang:java decode:true\">\/\/ Activar flecha atras\r\n \u00a0 getSupportActionBar().setDisplayHomeAsUpEnabled(true);\r\n<\/pre>\n<h3><strong>Paso 2. Modificar el Android.Manifest<\/strong><\/h3>\n<p>Tenemos que realizar un cambio en el archivo <em>Android.Manifest.xml<\/em><\/p>\n<p>Abra el archivo y busque una l\u00ednea como la siguiente:<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<pre class=\"lang:xhtml decode:true\">&lt;activity android:name=\".SecondActivity\" &gt;&lt;\/activity&gt;<\/pre>\n<p>Donde <em>SecondActivity<\/em> es el nombre del <em>Activity<\/em> donde aplicaste el bot\u00f3n de flecha atr\u00e1s. Ahora lo modificamos de la siguiente manera:<\/p>\n<pre class=\"lang:xhtml decode:true\">&lt;activity android:name=\".SecondActivity\" android:parentActivityName=\".MainActivity\" \/&gt;\r\n&lt;\/activity&gt;<\/pre>\n<p>Donde <em>MainActivity<\/em> es el <em>Activity<\/em> al que queremos regresar cuando el usuario pulse la flecha hacia atr\u00e1s.<\/p>\n<p>Esto es aplicable para Android 4.1 (API level 16). Si deseas que tu aplicaci\u00f3n soporte Android 4.0 o inferior, el c\u00f3digo ser\u00eda:<\/p>\n<pre class=\"lang:xhtml decode:true\">&lt;activity android:name=\".SecondActivity\" android:parentActivityName=\".MainActivity\" \/&gt;\r\n \u00a0 &lt;meta-data\r\n\u00a0 \u00a0 android:name=\"android.support.PARENT_ACTIVITY\"\r\n\u00a0 \u00a0 android:value=\".MainActivity\" \/&gt;\r\n&lt;\/activity&gt;<\/pre>\n<p>Si deseas ver el resultado est\u00e1 <a href=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2018\/10\/UpBottonGif.gif\">aqu\u00ed<\/a>.<\/p>\n<h3>Referencias<\/h3>\n<ol>\n<li><strong>Android.com (2018)<\/strong>. <a href=\"https:\/\/developer.android.com\/training\/implementing-navigation\/ancestral\"><strong>Providing Up navigation<\/strong><\/a>. Disponible en [https:\/\/developer.android.com\/training\/implementing-navigation\/ancestral]<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Veamos c\u00f3mo cambiar el nombre e icono de la aplicaci\u00f3n e implementar el bot\u00f3n Flecha atr\u00e1s (o Up Button) en Android.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"amp_status":"","footnotes":""},"categories":[234],"tags":[198,235],"class_list":["post-1580","post","type-post","status-publish","format-standard","hentry","category-aplicaciones-moviles","tag-android","tag-desarrollo-de-aplicaciones-moviles"],"_links":{"self":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/1580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=1580"}],"version-history":[{"count":15,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/1580\/revisions"}],"predecessor-version":[{"id":1628,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/1580\/revisions\/1628"}],"wp:attachment":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=1580"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=1580"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=1580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}