Imagenes En Android

Trabajo con imágenes

Como primer paso, si no está en ejecución, inicia “eclipse”, posteriormente crea un nuevo proyecto Android. El nombre sugerido para este proyecto “imágenes”.

Se definen los parámetros sugeridos para este curso. Si no los recuerdas, observa la secuencia de imágenes siguientes:

Una vez configurados los parámetros, solo presiona el botón finalizar. Recuerda, son los parámetros requeridos para realizar de una manera uniforme los ejercicios sugeridos.

Después de creado el proyecto, es necesario incorporar las imágenes que se usarán como fondo y logo de la aplicación desarrollada. La manera más simple es copiarlas y pegarlas en esta ruta:

Res -> drawable-mdpi

(se recomienda que tenga la extensión png)

La Primera imagen que usaremos de fondo, se llamara: fondo.png

Y la que se usara como logo se llamara: logo.png (De preferencia!)

Ahora se debe modificar el código para indicar como se usarán cada uno de estos archivos de imagen.

Para indicar que se use el archivo “fondo.jpg” como fondo de la aplicación realiza lo siguiente:

1. Selecciona la pestaña “activity_main.xml” del proyecto “imagenes”.

2. En la sección “RelativeLayout xmlns:android” escribe el siguiente código: “android:background="@drawable/fondo"”.

3. Ahora, guarda el proyecto, para que actualice los cambios sugeridos. Si tienes algún error en el código, verifica, corrige y vuelve a guardar.

4. Ejecuta el proyecto para ver los cambios realizados.

En la imagen puedes observar que el fondo ha cambiado, por el de “java7” que es el que se utiliza para fondo en este proyecto.

Ya está listo el fondo de tu aplicación, ahora modifica el código para indicar que archivo se usará como logo de la aplicación. Realiza lo siguiente:

1. Se sigue trabajando en la pestaña activity_main.xml” del proyecto “imagenes”.

2. Borramos el código referente a “TextView”.

3. Ahora inserta una etiqueta “ImageView”, y el código que se muestra a continuación. (Nota: no escribas a partir de los puntos suspensivos, solo es para indicar la acción desarrollada)

<ImageView

android:id="@+id/logo"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/logo"

android:layout_centerInParent="true"

/>

4. Hasta aquí se ha indicado cual es la imagen que se usará como logo, falta indicar como se hará el cambio de la imagen, para esto utilizaremos un botón.

5. Tenemos que ir a la pestaña Graphical Layout y agregar un botón de las herramientas, debemos modificar el código quedando de esta manera:

<Button

android:id="@+id/btnCambiar"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignTop="@+id/logo"

android:layout_centerHorizontal="true"

android:layout_marginTop="33dp"

android:text="Cambiar" />

6. Hasta aquí solo se ha configurado la parte del código Android, el resultado debe de ser como se muestra a continuación:

7. El

...