Top Banner
Cetis 109 Ruth Rosas 4° “Bm” Programación Desarrolla Aplicaciones Móviles “Programa 15 (Como insertar una imagen)
12

Presentacion 15(insertar imagen)

Aug 07, 2015

Download

Education

JacquelineRH
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Presentacion 15(insertar imagen)

Cetis 109Ruth Rosas

4° “Bm” ProgramaciónDesarrolla Aplicaciones

Móviles“Programa 15 (Como insertar

una imagen)

Page 2: Presentacion 15(insertar imagen)

Empezaremos 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 En esta carpeta estarán

alojadas todas las imagenes del proyecto. Para borrar el icono daremos Boton derecho del raton -> Delete:

Page 3: Presentacion 15(insertar imagen)

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

Page 4: Presentacion 15(insertar imagen)

Ahora vamos a decir a la aplicacion qué icono tiene que usar. Esa informacion se da en el

AndroidManifest.xml

Page 5: Presentacion 15(insertar imagen)

Seleccionaremos "File System" y pincharemos en "Next >" Otra pantalla nos aparecera, en la que

seleccionaremos la ubicacion de las imagenes en nuestro ordenador:

Page 6: Presentacion 15(insertar imagen)

Como podemos ver en la imagen anterior, la pantalla que nos muestra esa informacion esta 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 extension del icono. Guardaremos el AndroidManifest.xml y nos iremos a res -> values -> strings.xml

Page 7: Presentacion 15(insertar imagen)

Nos muestra un Hello World predeterminado que no nos interesa, recordemos que eso ya lo sabemos hacer y que

nuestro objetivo es mostrar una imagen, asi que lo eliminaremos

Page 8: Presentacion 15(insertar imagen)

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 movil (donde antes ponia "Hello

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

Page 9: Presentacion 15(insertar imagen)

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 movil (donde antes ponia "Hello World") tenemos dos bloques. Usaremos el de la parte de abajo.

Page 10: Presentacion 15(insertar imagen)

Pincharemos el casillero de Background (Flecha nº1) y seleccionaremos la imagen que queremos mostrar (Flecha nº2) y daremos a OK

Page 11: Presentacion 15(insertar imagen)

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

Page 12: Presentacion 15(insertar imagen)

Ya está. Ya solo nos queda probarlo en nuestro telefono (teniendo el USB

conectado) o en el emulador del SDK de Android pinchando en