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

Servicio Web SOAP en Java

Servicio Web SOAP en Java

En este post vamos a construir un Servicio Web bajo el protocolo SOAP (Simple Object Access Protocol) el cual básicament...

Tutorial Zoom para dispositivos móviles

Tutorial Zoom para dispositivos móviles

Zoom es un software de videollamadas y reuniones virtuales, accesible desde computadoras de escritorio, computadoras por...

Control de Paginación (Pagination) en tus Apps FX

Control de Paginación (Pagination) en tus Apps FX

El control de paginación de JavaFX (Pagination) se usa para navegar a través de varias paginas de contenido divididas en...

Control de versiones con GIT y Netbeans

Control de versiones con GIT y Netbeans

Control de versiones: Se llama control de versiones a la gestión de los diversos cambios que se realizan sobre los eleme...

Conexion Visual Basic a Firebird

Conexion Visual Basic a Firebird

En este tutorial nos conectaremos a una base de datos de Firebird utilizando el lenguaje de Visual Basic, el proyecto se...

Gestión de Stock – La Vista (Parte 3)

Gestión de Stock – La Vista (Parte 3)

En esta tercera parte del tutorial crearemos la interfaz de usuario GUI (VISTA) para el sistema de gestión de stock. Tom...

Comparte lo que sabes

Categorias

Últimas entradas

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...

En este post, aprenderemos como conectar Visual Basic 6 con SQL Server, abrir una tabla, leer su contenido y mostrar est...

Lo que veremos en este post es la configuración del driver para PHP de SQL Server que ha creado Microsoft el cual permit...

Herramientas

Generador de Enlaces a Whatsapp