Rojas Juárez Mariely Amairany

4ºAM

Programación

Desarrolla Aplicaciones Móviles

Profesora: Margarita Romero Alvarado

COMO INSERTAR UNA IMAGEN EN JAVA ECLIPSE

El primer paso es empezar creando creando un nuevo proyecto

de Android y nos iremos a la carpeta "Drawable" (si no existe, la

creamos) y borraremos el icono que viene predeterminado para

poner uno personalizado, en este caso pondremos el logo de

scenebeta (disponible en el paquete descargable que está al

final del tutorial). En esta carpeta estarán alojadas todas las

imagenes del proyecto. Para borrar el icono daremos Boton

derecho del raton ->Delete.

Clic para agrandar:

Una vez borrado, procederemos a instertar (o

mejor dicho, importar) todas las imagenes del

proyecto. En nuestro caso, el icono y la imagen que

aparecerá en pantalla. Daremos clic derecho sobre

nuestra carpeta Drawable y pincharemos en

"Import..." Nos aparecerá una pantalla como esta:

Seleccionaremos "File System" y pincharemos en "Next>"

Otra pantalla nos aparecera, en la que seleccionaremos la

ubicacion de las imagenes en nuestro ordenador.

Seleccionamos con los ticks y damos a

"Finish":

Ahora vamos a decir a la aplicacion qué icono

tiene que usar. Esa informacion se da en el

AndroidManifest.xml

Como podemos ver en la imagen anterior, la pantalla que

nos muestra esa informacionesta en la segunda pestaña

(Application, al lado de Manifest). El valor a cambiar es el

de Icon. Podemos escribirlo a mano poniendo la ruta

empezando por arroba "@" y sin poner la extensión del

icono. Guardaremos el AndroidManifest.xml y nos iremos

a res ->values -> strings.xml

Nos muestra un HelloWorld predeterminado que no nos

interesa, recordemos que eso ya lo sabemos hacer y que

nuestro objetivo es mostrar una imagen, asi que lo

eliminaremos tal y como muestra la imagen:

Seleccionamos TextView y le damos al menos:

La pantalla principal se nos quedará en negro. Es el momento de añadir la imagen, como

hemos podido observar, al lado de lo que seria nuestra pantalla del móvil (donde antes ponía

"HelloWorld") tenemos dos bloques. Usaremos el de la parte de abajo.

Pincharemos en el que dice "ImageButton" (Flecha

nº1) y lo arrastraremos a la pantalla negra. Se nos

creará un boton (Flecha nº3) que terminará siendo

nuestra imagen. Pincharemos dos veces sobre lo

que señala la flecha nº2 para editar las propiedades

de ese boton.

Pincharemos el casillero de Background (Flecha nº1) y

seleccionaremos la imagen que queremos mostrar

(Flecha nº2) y daremos a OK

Como podemos observar, tambien podemos poner la ruta a mano de igual manera que como

lo hicimos con el icono.

Se ve un poco mal asi que pincharemos en Portrait como se muestra en la imagen