Aprende Java Aprende Php Aprende C++ Aprende HTML 5 Aprende JavaScript Aprende JSON Aprende MySQL Aprende SQLServer Aprende Visual Basic 6 Aprende PostgreSQL Aprende SQLite Aprende Redis Aprende Kotlin Aprende XML Aprende Linux VSC Aprende Wordpress Aprende Laravel Aprende VueJS Aprende JQuery Aprende Bootstrap Aprende Netbeans Aprende Android
Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube Sigueme en TikTok Sigueme en Whatsapp
Home / Android / Uso de Tiles para crear fondo para aplicaciones

Uso de Tiles para crear fondo para aplicaciones

Por 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

Artículos similares

Subir imagen a un servidor web con REST/JSON

En este tutorial crearemos una sencilla aplicación para android que nos permitirá subir una imagen a un servidor web. La[...]

Blog MVC – Consultas Ajax a la base de datos [p5]

Quinta parte de la serie de tutoriales «Creación de un blog siguiendo el patrón MVC (Modelo, Vista y Controlador)«. En e[...]

Empaquetar aplicación android para su distribución

Cuando tenemos nuestra aplicación android terminada, lo siguiente es distribuirla ya sea en el Google Play o independien[...]

Proteger documento PDF con contraseña y limitar permisos desde Java

Los archivos digitales (txt, docx, xlsx, odt, odp, pdf, etc) nos permiten almacenar información el cual en ocasiones, de[...]

Guía básica: Trabajando con GitHub y Netbeans

Netbeans tiene soporte para trabajar con varias herramientas de control de versiones, GIT es una de ellas, esta herramie[...]

JCheckBox dentro JTable con Netbeans

Para colocar un JCheckBox dentro una celda de un JTable debemos sobre escribir algunas clases para que el componente pue[...]