Post on 12-Aug-2015
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