Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Android / Uso de Tiles para crear fondo para aplicaciones

Uso de Tiles para crear fondo para aplicaciones

Autor jc mouse martes, enero 6, 2015

Un Tile o azulejo, es una parte seccionada de una imagen, por ejemplo la imagen de abajo (chica anime) esta dividida en 36 partes, cada una de estas partes es un Tile. Unidas cada una de estos tile forman la imagen original, pero si combinamos estos tiles de diferentes formas, obtenemos imágenes muy variadas.

anime girl

También se puede usar un solo tile que repetida N veces formara una nueva imagen, por ejemplo:

floor tile

Es esta última opción la que usaremos en android para, uno, optimizar recursos, ya que la imagen a usar es pequeña en comparación con las imágenes grandes que se usan para las distintas resoluciones de pantalla y dos, porque podemos formar interesantes y atractivas interfaces con un poco de imaginación.

¿Como se usa?

Paso 1. En nuestro proyecto android, creamos un nuevo archivo XML en la carpeta DRAWABLE-HDPI, por ejemplo «my_background.xml» ahí colocamos el siguiente código:

<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
 android:src="@drawable/ic_brick"
 android:tileMode="repeat"
 android:dither="true" />

En android:src se indica la imagen (tile) que se usara para el fondo, para este ejemplo usamos una imagen llamada «ic_brick.jpg»  que formara una pared de ladrillos:

ladrillo adobe

Paso 2. En el layout que queramos añadir el fondo, hacemos uso de la propiedad android:background y colocamos el drawable que creamos en el paso 1 (my_background), por ejemplo:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/my_background"
    android:orientation="vertical">

Lo cambios son inmediatos, podrás ver el fondo compuesto en vista diseño y también cuando ejecutes la aplicación.

adobe

kawaii floor

Tags

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: JC Mouse

Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.

Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye

Enjoy! :)

También Te Podría Interesar

Agregar tablas a los items de un JComboBox

Agregar tablas a los items de un JComboBox

En este post personalizaremos un componente JComboBox para que sus elementos acepten tablas (JTable) en lugar de texto s...

B4A: Basic para Android

B4A: Basic para Android

Basic 4 Android es un IDE (Entorno de Desarrollo Integrado) para Android basado en Basic (no es Visual Basic, pero se pa...

Tink biblioteca criptográfica de Google

Tink biblioteca criptográfica de Google

Tink es una biblioteca de cifrado desarrollada por un grupo de criptógrafos e ingenieros de seguridad de Google lanzado...

Primeros pasos con Vue CLI: Crea tu Entorno de Trabajo

Primeros pasos con Vue CLI: Crea tu Entorno de Trabajo

En un post anterior [Introducción a VueJS framework para el desarrollo FrontEnd] realizamos una breve introducción a Vue...

CODOTA: Programación Inteligente

CODOTA: Programación Inteligente

La Inteligencia Artificial (AI – Artificial Intelligence) estará presente en casi cada aspecto de nuestra vida en...

CORBA en java .:. Ejemplo completo

CORBA en java .:. Ejemplo completo

Common Object Request Broker Architecture (CORBA) es un estándar que permite que diversos componentes de software escrit...

Comparte lo que sabes

Categorias

Últimas entradas

Existe una gran cantidad de contenido sobre productividad, trucos, consejos y trabajo y más. Pero, ¿Qué pasa con esos mo...

En este post te enseño a usar una herramienta de Inteligencia Artificial para animar tus fotografias y esto completament...

Si trabajas con redes sociales (RRSS) a continuación te muestro tres herramintas gratuitas que te ayudaran a la hora de...

Por lo general se usan transacciones a nivel base de datos y posteriormente se llaman estos a través de procedimientos a...

Herramientas

Generador de Enlaces a Whatsapp