IDIOMAS

Google-Translate-Chinese Google-Translate-Spanish to French Google-Translate-Spanish to German Google-Translate-Spanish to Japanese Google-Translate-Spanish to English Google-Translate-Spanish to Russian Google-Translate-Spanish to Portuguese Google-Translate-Spanish to Italian

domingo, 15 de marzo de 2015

Como colocar y ajustar un icono PNG o JPG personalizado dentro un TEXTVIEW en Android Studio.

Si estamos creando una app y queremos insertar un icono .png o .jpg dentro de un TEXTVIEW, aquí os dejo un sencillo ejemplo:

- creamos el TEXTVIEW. Seleccionamos, arrastramos al centro de nuestro LAYOUT, y soltamos. Les daremos un TEXTSIZE de 50dp con un texto "TÍTULO" para este ejemplo:













- Colocar el icono escogido en una carpeta DRAWABLE. Hay que tener en cuenta que existen diferentes medidas de píxels para cada pantalla de dispositivo. Para esta ocasión las medidas son de 72px x 72px. Explicaré con más detalle en otra entrada como relacionar dimensión px con pantalla dispositivo ( size screen ) en las diferentes carpetas DRAWABLE:







- acceptamos en ambos casos:










- ahora nos vamos a buscar las propiedades que están en la parte inferior derecha de nuestra interface del programa y hacemos clic sobre este icono:








- nos aparecen unas opciones de propiedades escritas en cursiva que estaban escondidas. Debemos buscar una que se llama DRAWABLESTAR o DRAWABLELEFT para insertar un icono por delante del TÍTULO. 







- buscamos las opciones de esta propiedad:





- en la pestaña PROJECT, apartado DRAWABLE, buscamos el nombre con el que hemos colocado nuestro icono en la carpeta DRAWABLE: de la compilación:










- al dar OK, nos aparece en nuestro LAYOUT:







- una vez tenemos el icono, podemos reajustar su posición en respecto al texto con la siguiente propiedad DRAWABLEPADDING. Le daremos un valor de 25px:






- al darle este valor en la propiedad, nuestro icono se va a desplazar respecto nuestro texto tal como así:







También existe la posibilidad de colocar nuestro icono a la derecha, arriba o abajo de nuestro texto:
















e incluso en multi-posición:





También podemos hacerlo directamente en en el XLM:






Saludos a tod@s y gracias por la visita!


















1 comentario:

  1. buen trabajo. Existe forma de cambiar el tamaño de una imagen desde textview

    ResponderEliminar