Android >> Repetir una imagen como fondo en Android

Si has realizado alguna aplicación Web y has usado CSS, probablemente habrás usado o leído acerca de la propiedad background-repeat, que nos permite repetir la imagen de fondo, a la que se suele llamar tile, de tal manera que podemos componer el fondo a partir de una imagen que suele ser de pequeñas dimensiones.

Pues bien, este mismo método lo vamos a usar en una aplicación Android. La imagen que vamos está disponible aquí.

background_tile

Vamos a comenzar definiendo un bitmap XML, que es un recurso definido en XML que apunta a un fichero bitmap. Lo vamos a llamar tile.xml y lo guardamos en el directorio /drawable de nuestra aplicación:

tile.xml

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

A continuación ya podemos definir nuestro layout usando el fichero tiles.xml que acabamos de crear como fondo (background) del layout:

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/tile"
    android:orientation="vertical" >
</LinearLayout>

Usamos este layout como el layout de la actividad que deseemos:

MainActivity.java

import android.os.Bundle;
import android.app.Activity;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
	}

}

Al ejecutar la aplicación veremos que se ha repetido la imagen correctamente y se ha construido el fondo de pantalla de la aplicación:

android-background-tile-repeat

Más información | Android Developers

Etiquetado , , , , , , , ,

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: