10.11.11

Tutorial Android parte 6: Cómo poner un background en un LinearLayout en Android

En el tutorial anterior hemos aprendido a crear una vista con un layout de tipo LinearLayout.

Ahora vamos a aprender a poner un fondo background a un LinearLayout.

Para hacer esto lo único que hay que hacer es en la etiqueta del LinearLayout meter un atributo android:background que apunte a la imagen que se colocará de fondo. Por ejemplo:

android:background="@drawable/fondopantalla"

Tenéis el código fuente de este tutorial en el siguiente enlace:

Código fuente.

Creando la aplicación

Abrimos Eclipse y seleccionamos el workspace que queramos (en mi caso yo selecciono C:\Android\workspaces\0001 prueba\V_0_0_0_0).

Para crear un nuevo proyecto:
- Ir a File -> New -> Project.
- Seleccionar un proyecto "Android Project" y pulsar Next.
- Rellenar los campos con los siguientes valores:

  • Project name: HelloBackground
  • Build target: (El que queráis, yo en este caso he marcado...) Android 1.5
  • Application name: Hello, Background!
  • Package name: com.example.hellobackground
  • Create Activity: HelloBackground
- Hacer click en Finish.

Vamos a agregar la imagen “fondopantalla.png” que os pongo a continuación:


Nota: Es importante poner el nombre del recurso en minusculas a que si no lo hacemos así, nos parecerá el error “Invalid file name: must contain only [a-z0-9_.]”.

Para ello, la vamos a guardar dentro de res/drawable seleccionando la carpeta y pulsando con el botón derecho sobre ella y luego seleccionando Import (dentro seleccionaremos File System y luego seleccionamos la imágen en la carpeta en la que esté).

Ahora vamos a abrir el fichero res/layout/main.xml e introducir el siguiente código:


     
             
  
      
      
      
    
    
    
   
   

Ahora vamos a compilar y ejecutar la aplicación con Run -> Run.

No comments:

Post a Comment