SlideShare una empresa de Scribd logo
1 de 11
CETis 109
Integrantesdelequipo:
CamposLecuonaGloriaAlexia
GregorioHernándezAnaRuth
Gradoygrupo:4°‘‘AM’’
Asignatura:Desarrollaaplicaciones
móviles
Maestra:MargaritaRomero
Especialidad:Programación
“Pasos a seguir para Insertaruna imagen en
Eclipse”
Después de saber cómo mostrar un Hola Mundo por la
pantalla de nuestro Android,
Paso 1: Mostrar una imagen. Es más sencillo de lo que en
principioparece, ya que se asemeja mucho a la forma de
usar Visual Basic y su arrastrar y soltar. Ya
podremos presumir de móvil con nuestra propia imagen.
Paso 2: 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 estecaso
pondremos el logo de scenebeta (disponible en el paquete
descargable que está al final del tutorial). En esta carpeta
estarán alojadas todas las imágenes del proyecto. Para
borrar el icono daremos Botón derecho del ratón -> Delete:
Paso 3: Una vez borrado, procederemos a insertar (o
mejordicho, importar) todas las imágenes delproyecto. En
nuestro caso, el icono y la imagen que aparecerá en
pantalla.
Paso4: Daremos clic derecho sobre nuestra carpeta
Drawabley pincharemos en "Import" Nos aparecerá una
pantalla como esta:
Paso 5: Seleccionaremos "File System" y pincharemos en
"Next >" Otra pantalla nos aparecerá.
Paso 6: En la otra pantalla seleccionaremos la ubicación
de las imágenes en nuestro ordenador:
Nota: Seleccionamos con los ticks y damos a "Finish"
Paso 7: Ahora vamos a decir a la aplicación qué icono
tiene que usar. Esa información se da en el
AndroidManifest.xml
Nota: Como podemos veren la imagen anterior, la pantalla
que nos muestra esa información está en la segunda
pestaña (Application, al lado de Manifest).
Paso 8: De la ventanilla que nos salió el valora cambiar es
el de Icon. Podemos escribirlo a mano poniendo la ruta
empezando por arroba "@" y sin poner la extension del
icono.
Paso 9: Guardaremos el AndroidManifest.xml
Paso 10: Nos iremos a res -> values -> strings.xml
Nota: Nos muestra un Hello World predeterminado que no
nos interesa, recordemos que eso ya lo sabemos hacery que
nuestro objetivo es mostrar una imagen, asi que lo
eliminaremos tal y como muestra la imagen:
Nota: 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 sería
nuestra pantalla del móvil (donde antes ponía "Hello
World") tenemos dos bloques. Usaremos el de la parte de
abajo.
Paso 11: Pincharemos en el que dice "ImageButton"
(Flecha nº1) y lo arrastraremosa la pantalla negra. Se nos
creará un botón (Flecha nº3) que terminará siendo nuestra
imagen.
Paso 12: Pincharemos dos veces sobre lo que señala la
flecha nº2 para editar las propiedades de ese botón.
Paso 13: Pincharemos el casillero de Background (Flecha
nº1).
Paso 14: Seleccionaremos la imagen que queremos
mostrar (Flecha nº2) y daremos a OK.
Nota: Como podemos observar, también podemos poner la
ruta a mano de igual manera que como lo hicimos con el
icono. Se ve un pocomal así que pincharemos en Portrait
como se muestra en la imagen:
Paso 15: Ya está. Ya solo nos queda probarlo en nuestro
teléfono (teniendo el USB conectado) o en el emulador del
SDK de Android pinchando en .
Comentario Personal:
Esta presentación nos es de gran ayuda, ya que nos permite
observar paso a paso por medio de imágenes como podemos
insertaruna imagen en el Programa de Eclipse,es sencillo,
solo es cuestión de dominar la función a través de la
práctica.
Fuente bibliográfica
http://android.scenebeta.com/tutorial/como-
mostrar-imagenes-en-javaeclipse

Más contenido relacionado

La actualidad más candente

Como insertar una imagen en eclipse java
Como insertar una imagen en eclipse javaComo insertar una imagen en eclipse java
Como insertar una imagen en eclipse javaJosué Naquid
 
Implementando menús laterales en una app para windows phone
Implementando menús laterales en una app para windows phoneImplementando menús laterales en una app para windows phone
Implementando menús laterales en una app para windows phoneVicente Gerardo Guzman Lucio
 
Practica nº16 de flash menu desplegable
Practica nº16 de flash menu desplegablePractica nº16 de flash menu desplegable
Practica nº16 de flash menu desplegableaeto
 
Creacion de boton de imagen cambiante
Creacion de boton de imagen cambianteCreacion de boton de imagen cambiante
Creacion de boton de imagen cambiantedanniielz
 
Creación de web quest usando el power point
Creación de web quest usando el power pointCreación de web quest usando el power point
Creación de web quest usando el power pointmarcelamza
 
Ver y no_ver_(informe_21)
Ver y no_ver_(informe_21)Ver y no_ver_(informe_21)
Ver y no_ver_(informe_21)Carlos Guzmán
 
Photoshop - Cambiar color de ojos
Photoshop - Cambiar color de ojosPhotoshop - Cambiar color de ojos
Photoshop - Cambiar color de ojosErick Cruz
 
Microsoft pow
Microsoft  powMicrosoft  pow
Microsoft pow082004
 
Microsoft power point
Microsoft  power pointMicrosoft  power point
Microsoft power point082004
 
unidad 1 corel draw x5
unidad 1 corel draw x5unidad 1 corel draw x5
unidad 1 corel draw x5Davi Mena
 
Computación enviar
Computación enviarComputación enviar
Computación enviarJAleCKS
 

La actualidad más candente (19)

Como insertar imagen
Como insertar imagenComo insertar imagen
Como insertar imagen
 
Como insertar una imagen en eclipse java
Como insertar una imagen en eclipse javaComo insertar una imagen en eclipse java
Como insertar una imagen en eclipse java
 
Implementando menús laterales en una app para windows phone
Implementando menús laterales en una app para windows phoneImplementando menús laterales en una app para windows phone
Implementando menús laterales en una app para windows phone
 
Practica nº16 de flash menu desplegable
Practica nº16 de flash menu desplegablePractica nº16 de flash menu desplegable
Practica nº16 de flash menu desplegable
 
Manual de-flash-cs6
Manual de-flash-cs6Manual de-flash-cs6
Manual de-flash-cs6
 
Creacion de boton de imagen cambiante
Creacion de boton de imagen cambianteCreacion de boton de imagen cambiante
Creacion de boton de imagen cambiante
 
Creación de web quest usando el power point
Creación de web quest usando el power pointCreación de web quest usando el power point
Creación de web quest usando el power point
 
MANUAL
MANUALMANUAL
MANUAL
 
Ver y no_ver_(informe_21)
Ver y no_ver_(informe_21)Ver y no_ver_(informe_21)
Ver y no_ver_(informe_21)
 
App inventor
App inventorApp inventor
App inventor
 
Power point
Power pointPower point
Power point
 
Photoshop - Cambiar color de ojos
Photoshop - Cambiar color de ojosPhotoshop - Cambiar color de ojos
Photoshop - Cambiar color de ojos
 
Microsoft pow
Microsoft  powMicrosoft  pow
Microsoft pow
 
Microsoft power point
Microsoft  power pointMicrosoft  power point
Microsoft power point
 
unidad 1 corel draw x5
unidad 1 corel draw x5unidad 1 corel draw x5
unidad 1 corel draw x5
 
Computación enviar
Computación enviarComputación enviar
Computación enviar
 
Personalización
PersonalizaciónPersonalización
Personalización
 
Ejercicios app inventor
Ejercicios app inventorEjercicios app inventor
Ejercicios app inventor
 
Gruia juego
Gruia juegoGruia juego
Gruia juego
 

Similar a Insertar una imagen en eclipse

Similar a Insertar una imagen en eclipse (20)

Imagen eclipse
Imagen eclipseImagen eclipse
Imagen eclipse
 
3. tutorialguiabasico 2014
3.  tutorialguiabasico 20143.  tutorialguiabasico 2014
3. tutorialguiabasico 2014
 
Tutorial Gente bailando.pdf
Tutorial Gente bailando.pdfTutorial Gente bailando.pdf
Tutorial Gente bailando.pdf
 
Manual de android
Manual de androidManual de android
Manual de android
 
Flash conceptos basicos
Flash conceptos basicosFlash conceptos basicos
Flash conceptos basicos
 
bioJuego Alice v2011
bioJuego Alice v2011 bioJuego Alice v2011
bioJuego Alice v2011
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Actividad n°1
Actividad n°1 Actividad n°1
Actividad n°1
 
Primera aplicación con app inventor para android
Primera aplicación con app inventor para androidPrimera aplicación con app inventor para android
Primera aplicación con app inventor para android
 
Guia 3 8 Scratch
Guia 3 8 ScratchGuia 3 8 Scratch
Guia 3 8 Scratch
 
Guia 3 6 scratch_4_periodo
Guia 3 6 scratch_4_periodoGuia 3 6 scratch_4_periodo
Guia 3 6 scratch_4_periodo
 
Manual scratch
Manual scratchManual scratch
Manual scratch
 
Manual scratch
Manual scratchManual scratch
Manual scratch
 
Manual scratch
Manual scratchManual scratch
Manual scratch
 
Manual scratch
Manual scratchManual scratch
Manual scratch
 
Guia 3 7 scratch_4_periodo
Guia 3 7 scratch_4_periodoGuia 3 7 scratch_4_periodo
Guia 3 7 scratch_4_periodo
 
Manual scratch
Manual scratchManual scratch
Manual scratch
 
Manual scratch
Manual scratchManual scratch
Manual scratch
 
Guia 3 6 scratch_4_periodo
Guia 3 6 scratch_4_periodoGuia 3 6 scratch_4_periodo
Guia 3 6 scratch_4_periodo
 
Manual scratch
Manual scratchManual scratch
Manual scratch
 

Más de Alexia Lecuona (20)

Insertar vídeo
Insertar vídeoInsertar vídeo
Insertar vídeo
 
Insertar vídeo
Insertar vídeoInsertar vídeo
Insertar vídeo
 
Icono
IconoIcono
Icono
 
Fondo de pantalla
Fondo de pantallaFondo de pantalla
Fondo de pantalla
 
Fondo de pantalla
Fondo de pantallaFondo de pantalla
Fondo de pantalla
 
Tipos de lideres
Tipos de lideresTipos de lideres
Tipos de lideres
 
Programa 14
Programa 14Programa 14
Programa 14
 
Programa 13
Programa 13Programa 13
Programa 13
 
Programa 12
Programa 12Programa 12
Programa 12
 
Programa 10
Programa 10Programa 10
Programa 10
 
Programa 10
Programa 10Programa 10
Programa 10
 
Programa 11
Programa 11Programa 11
Programa 11
 
Programa 10
Programa 10Programa 10
Programa 10
 
Programa 9
Programa 9Programa 9
Programa 9
 
Programa 10
Programa 10Programa 10
Programa 10
 
Programa 9
Programa 9Programa 9
Programa 9
 
Programa 9
Programa 9Programa 9
Programa 9
 
Programa 9
Programa 9Programa 9
Programa 9
 
Programa 9
Programa 9Programa 9
Programa 9
 
Programa 8
Programa 8Programa 8
Programa 8
 

Insertar una imagen en eclipse

  • 3. “Pasos a seguir para Insertaruna imagen en Eclipse” Después de saber cómo mostrar un Hola Mundo por la pantalla de nuestro Android, Paso 1: Mostrar una imagen. Es más sencillo de lo que en principioparece, ya que se asemeja mucho a la forma de usar Visual Basic y su arrastrar y soltar. Ya podremos presumir de móvil con nuestra propia imagen. Paso 2: 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 estecaso pondremos el logo de scenebeta (disponible en el paquete descargable que está al final del tutorial). En esta carpeta estarán alojadas todas las imágenes del proyecto. Para borrar el icono daremos Botón derecho del ratón -> Delete:
  • 4. Paso 3: Una vez borrado, procederemos a insertar (o mejordicho, importar) todas las imágenes delproyecto. En nuestro caso, el icono y la imagen que aparecerá en pantalla. Paso4: Daremos clic derecho sobre nuestra carpeta Drawabley pincharemos en "Import" Nos aparecerá una pantalla como esta:
  • 5. Paso 5: Seleccionaremos "File System" y pincharemos en "Next >" Otra pantalla nos aparecerá. Paso 6: En la otra pantalla seleccionaremos la ubicación de las imágenes en nuestro ordenador:
  • 6. Nota: Seleccionamos con los ticks y damos a "Finish" Paso 7: Ahora vamos a decir a la aplicación qué icono tiene que usar. Esa información se da en el AndroidManifest.xml Nota: Como podemos veren la imagen anterior, la pantalla que nos muestra esa información está en la segunda pestaña (Application, al lado de Manifest). Paso 8: De la ventanilla que nos salió el valora cambiar es el de Icon. Podemos escribirlo a mano poniendo la ruta empezando por arroba "@" y sin poner la extension del icono.
  • 7. Paso 9: Guardaremos el AndroidManifest.xml Paso 10: Nos iremos a res -> values -> strings.xml Nota: Nos muestra un Hello World predeterminado que no nos interesa, recordemos que eso ya lo sabemos hacery que nuestro objetivo es mostrar una imagen, asi que lo eliminaremos tal y como muestra la imagen: Nota: La pantalla principal se nos quedará en negro. Es el momento de añadir la imagen.
  • 8. Como hemos podido observar, al lado de lo que sería nuestra pantalla del móvil (donde antes ponía "Hello World") tenemos dos bloques. Usaremos el de la parte de abajo. Paso 11: Pincharemos en el que dice "ImageButton" (Flecha nº1) y lo arrastraremosa la pantalla negra. Se nos creará un botón (Flecha nº3) que terminará siendo nuestra imagen.
  • 9. Paso 12: Pincharemos dos veces sobre lo que señala la flecha nº2 para editar las propiedades de ese botón. Paso 13: Pincharemos el casillero de Background (Flecha nº1). Paso 14: Seleccionaremos la imagen que queremos mostrar (Flecha nº2) y daremos a OK.
  • 10. Nota: Como podemos observar, también podemos poner la ruta a mano de igual manera que como lo hicimos con el icono. Se ve un pocomal así que pincharemos en Portrait como se muestra en la imagen:
  • 11. Paso 15: Ya está. Ya solo nos queda probarlo en nuestro teléfono (teniendo el USB conectado) o en el emulador del SDK de Android pinchando en . Comentario Personal: Esta presentación nos es de gran ayuda, ya que nos permite observar paso a paso por medio de imágenes como podemos insertaruna imagen en el Programa de Eclipse,es sencillo, solo es cuestión de dominar la función a través de la práctica. Fuente bibliográfica http://android.scenebeta.com/tutorial/como- mostrar-imagenes-en-javaeclipse