Truco Android: Crear fondos basados en xml

En Android, además de usar imágenes como fondo de nuestros componentes, podemos usar backgrounds basados en definiciones xml.

Basta con colocar un fichero en res/drawable con el nombre que quieras y extenxión xml y definir dentro de el las características.

Luego en cualquier vista puedes definir el background haciendole referencia (Ej: @drawable/mi_fondo)

El siguiente ejemplo define un fondo con degradado y bordes redondeados

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"

>
	<gradient android:startColor="#3000" android:centerColor="#f000"
	android:endColor="#ff4e2d5c"
	android:centerY="0.9"
		android:angle="270" />
	 <corners android:radius="4dp" />
	 <padding android:left="7dp" android:top="7dp"
            android:right="7dp" android:bottom="7dp" />
     <margin android:left="3dp" android:top="3dp" android:right="3dp" android:bottom="3dp"/>
</shape>

Acerca de francho

Geek Maño. Artesano de software, programador Android en activo, sysop retirado. Linuxero de corazón, maquero recién convertido. Ocasionalmente: consultor de Internet, profesor... Más en francho.org

Publicado el 27 abril, 2010 en Android. Añade a favoritos el enlace permanente. 8 comentarios.

  1. Si queremos un degradado circular:

    &lt;gradient android:type=&quot;radial&quot; android:gradientRadius=&quot;100&quot;
            android:startColor=&quot;#f666&quot; android:endColor=&quot;#0000&quot; /&gt;
    
  2. También se pueden poner bordes:

    &lt;stroke android:width=&quot;3dp&quot; android:color=&quot;#ffff8080&quot;/&gt;
    
  3. Hola francho, y para ponerle una gradiente para armar un reflejo de una imagen, alguna idea? o algun algoritmo para hacerlo pixel por pixel??

  4. Aldo Culquicondor

    Hola, quisiera saber dónde está la documentación de esto, para ver todo lo que se podría llegar a hacer con esto. Gracias

  5. Alejo acabo de encontrarme un ejemplo de reflejo de imagen como el que buscabas:

    http://androidsnips.blogspot.com/2010/08/showing-image-with-reflection-in.html

  1. Pingback: Tweets that mention Truco Android: Crear fondos basados en xml « {francho(lab)} -- Topsy.com

  2. Pingback: Bitacoras.com

Seguir

Get every new post delivered to your Inbox.

Únete a otros 512 seguidores