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

Formulario de autenticación circular

Formulario de autenticación circular

En este tutorial crearemos un formulario de logueo de forma circular usando el lenguaje java y el IDE de Netbeans. Neces...

Botón Mágico

Botón Mágico

Magic Button, es un botón animado para android bajo licencia del MIT desarrollado por Bloder (Brasil), el proyecto esta...

Cargar fuente TTF

Cargar fuente TTF

Necesitamos: Android Studio 2 tipos de fuente TTF Agregar Archivo de fuente al proyecto Paso 1: Crear carpeta assets Cli...

Compartir imagen desde android – Share Image

Compartir imagen desde android – Share Image

En este post crearemos una aplicación android que nos permitirá compartir una imagen con Facebook, whatsapp, bluetooth,...

Botones circulares de Google Plus en java

Botones circulares de Google Plus en java

Continuación del tutorial «Google Circles en java» o.O 🙂 La Interfaz El proyecto consta de una sola interfaz la cual es...

Crear e instalar modulo NBM

Crear e instalar modulo NBM

Este post es la continuación del tutorial «Generador de código para Netbeans« en donde vimos como crear un modulo para N...

Comparte lo que sabes

Categorias

Últimas entradas

El gigante tecnologico Google a puesto un bonito Doodle en su buscador que esta fascinando a sus millones de usuarios qu...

WhatsApp anuncio a través de su blog que ya se encuentra disponible la función de envío de fotos y videos TEMPORALES, es...

Muchas de las innovaciones computacionales de la NASA se desarrollaron para ayudar a explorar el espacio, pero ahora la...

TikTok es una plataforma de microvideos muy popular entre los jóvenes el cual cuenta ya con millones de videos cortps de...

Herramientas

Generador de Enlaces a Whatsapp