SlideShare una empresa de Scribd logo
3
Lo más leído
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:
Con estos pasos se puede observar paso a paso por medio
de procedimientospara saber cómo podemos insertar una
imagen en el Programa de Eclipse, es sencillo, solo es
cuestión de dominar cada una de las funciones de las
opciones que te da el programa.
Fuente bibliográfica
http://android.scenebeta.com/tutorial/como-
mostrar-imagenes-en-javaeclipse

Más contenido relacionado

DOCX
Benefits of encapsulation
DOCX
Comandos de Raptor, Java y C# Sharp
PPTX
C Sharp Course 101.5
DOCX
Imagen en java_eclipse
PPTX
Imagen en eclipse
PPTX
Presentacion 15(insertar imagen)
PPTX
Programa15(insertar imagen)
DOCX
Imagen eclipse
Benefits of encapsulation
Comandos de Raptor, Java y C# Sharp
C Sharp Course 101.5
Imagen en java_eclipse
Imagen en eclipse
Presentacion 15(insertar imagen)
Programa15(insertar imagen)
Imagen eclipse

Similar a Insertar imagen en eclipse (20)

DOCX
Imagen eclipse
PPTX
Como insertar imagen
DOCX
TUTORIA
PPTX
CONSTRUCT PROGRAMACION CON CONSTRUC TUTORIAL
PDF
3. tutorialguiabasico 2014
PDF
Tutorial Gente bailando.pdf
DOCX
Flash conceptos basicos
DOCX
Manual de android
PDF
bioJuego Alice v2011
DOCX
PPTX
Actividad n°1
PDF
Primera aplicación con app inventor para android
PPSX
Scratch informacion
PDF
Flash 1
PDF
Guia 3 8 Scratch
PDF
Guia 3 6 scratch_4_periodo
PDF
Guia 3 6 scratch_4_periodo
PDF
PDF
Manual scratch
Imagen eclipse
Como insertar imagen
TUTORIA
CONSTRUCT PROGRAMACION CON CONSTRUC TUTORIAL
3. tutorialguiabasico 2014
Tutorial Gente bailando.pdf
Flash conceptos basicos
Manual de android
bioJuego Alice v2011
Actividad n°1
Primera aplicación con app inventor para android
Scratch informacion
Flash 1
Guia 3 8 Scratch
Guia 3 6 scratch_4_periodo
Guia 3 6 scratch_4_periodo
Manual scratch
Publicidad

Más de Ana Ruth G H (20)

PPTX
Programa 14
PPTX
Programa 13
PPTX
Programa 12
PPTX
Programa 11
PPTX
Programa10
PPTX
Programa9
PPTX
Programa9
PPTX
Programa9
PPTX
Programa 8
PPTX
Programa 7
PPTX
Elementos de Eclipse
PPTX
Programa 6
PPTX
Programa 6
PPTX
Programa 6
PPTX
Programa 6
PPTX
Programa 6
PPTX
Programa 5
PPTX
Programa 4 de Eclipse
PPTX
Programa 4
PPTX
Programa 4
Programa 14
Programa 13
Programa 12
Programa 11
Programa10
Programa9
Programa9
Programa9
Programa 8
Programa 7
Elementos de Eclipse
Programa 6
Programa 6
Programa 6
Programa 6
Programa 6
Programa 5
Programa 4 de Eclipse
Programa 4
Programa 4
Publicidad

Último (20)

PDF
Plantilla para Diseño de Narrativas Transmedia.pdf
PDF
SAP Transportation Management para LSP, TM140 Col18
DOCX
Zarate Quispe Alex aldayir aplicaciones de internet .docx
PPTX
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
PPTX
Presentación de Redes de Datos modelo osi
PDF
MÓDULO DE CALOR DE GRADO DE MEDIO DE FORMACIÓN PROFESIONAL
PDF
clase auditoria informatica 2025.........
PPTX
historia_web de la creacion de un navegador_presentacion.pptx
PDF
Influencia-del-uso-de-redes-sociales.pdf
PDF
5.1 Pinch y Bijker en libro Actos, actores y artefactos de Bunch Thomas (coor...
PPTX
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PPTX
REDES INFORMATICAS REDES INFORMATICAS.pptx
PDF
Calidad desde el Docente y la mejora continua .pdf
PDF
Maste clas de estructura metálica y arquitectura
PPTX
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
PDF
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
PDF
Estrategia de apoyo tecnología miguel angel solis
PDF
Liceo departamental MICRO BIT (1) 2.pdfbbbnn
PDF
CyberOps Associate - Cisco Networking Academy
PPT
introduccion a las_web en el 2025_mejoras.ppt
Plantilla para Diseño de Narrativas Transmedia.pdf
SAP Transportation Management para LSP, TM140 Col18
Zarate Quispe Alex aldayir aplicaciones de internet .docx
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
Presentación de Redes de Datos modelo osi
MÓDULO DE CALOR DE GRADO DE MEDIO DE FORMACIÓN PROFESIONAL
clase auditoria informatica 2025.........
historia_web de la creacion de un navegador_presentacion.pptx
Influencia-del-uso-de-redes-sociales.pdf
5.1 Pinch y Bijker en libro Actos, actores y artefactos de Bunch Thomas (coor...
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
REDES INFORMATICAS REDES INFORMATICAS.pptx
Calidad desde el Docente y la mejora continua .pdf
Maste clas de estructura metálica y arquitectura
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
Estrategia de apoyo tecnología miguel angel solis
Liceo departamental MICRO BIT (1) 2.pdfbbbnn
CyberOps Associate - Cisco Networking Academy
introduccion a las_web en el 2025_mejoras.ppt

Insertar 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: Con estos pasos se puede observar paso a paso por medio de procedimientospara saber cómo podemos insertar una imagen en el Programa de Eclipse, es sencillo, solo es cuestión de dominar cada una de las funciones de las opciones que te da el programa. Fuente bibliográfica http://android.scenebeta.com/tutorial/como- mostrar-imagenes-en-javaeclipse