SlideShare una empresa de Scribd logo
Cetis 109
Ruth Rosas
4° “Bm” Programación
Desarrolla Aplicaciones
Móviles
“Programa 15 (Como insertar
una 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:
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
Ahora vamos a decir a la aplicacion qué icono tiene
que usar. Esa informacion se da en el
AndroidManifest.xml
Seleccionaremos "File System" y pincharemos en "Next
>" Otra pantalla nos aparecera, en la que
seleccionaremos la ubicacion de las imagenes en
nuestro ordenador:
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
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
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.
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.
Pincharemos el casillero de Background (Flecha nº1)
y seleccionaremos la imagen que queremos mostrar
(Flecha nº2) y daremos a OK
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
Ya está. Ya solo nos queda probarlo en
nuestro telefono (teniendo el USB
conectado) o en el emulador del SDK de
Android pinchando en

Más contenido relacionado

PPTX
Imagen en eclipse
DOCX
Imagen en java_eclipse
DOCX
Insertar una imagen en eclipse
PPTX
Programa15(insertar imagen)
DOCX
Imagen eclipse
PPT
Como se hacen los gif animados
PPTX
Computación enviar
DOCX
Flash conceptos basicos
Imagen en eclipse
Imagen en java_eclipse
Insertar una imagen en eclipse
Programa15(insertar imagen)
Imagen eclipse
Como se hacen los gif animados
Computación enviar
Flash conceptos basicos

La actualidad más candente (20)

DOCX
Practica 9.10.11.12.13
DOCX
Photoshop 12 como animar una imagen
DOCX
Practica nº16 de flash
DOCX
PDF
App inventor
DOCX
TUTORIA
PDF
Photoshop - Cambiar color de ojos
PDF
Guia de ejercicios flash novenos
PDF
Ejercicios app inventor
DOCX
Practica nº16 de flash menu desplegable
PDF
Manual de Flash Cs6
PPTX
Macromedia flash unidad 4
DOCX
PPT
Tutorial glitter
PPT
Ppexplicacion
PDF
Cómo hacer Vaciados de pantalla
PPTX
Repaso de Java Swing usando Rally-Coach
DOCX
Photoshop 12 como animar una imagen
PDF
Manual de-flash-cs6
PDF
Guía paso a paso curso scratch (Parte I - 2016)
Practica 9.10.11.12.13
Photoshop 12 como animar una imagen
Practica nº16 de flash
App inventor
TUTORIA
Photoshop - Cambiar color de ojos
Guia de ejercicios flash novenos
Ejercicios app inventor
Practica nº16 de flash menu desplegable
Manual de Flash Cs6
Macromedia flash unidad 4
Tutorial glitter
Ppexplicacion
Cómo hacer Vaciados de pantalla
Repaso de Java Swing usando Rally-Coach
Photoshop 12 como animar una imagen
Manual de-flash-cs6
Guía paso a paso curso scratch (Parte I - 2016)
Publicidad

Destacado (13)

PDF
21centuryART
PPTX
Bustiada vila seca
PDF
New microsoft office power point presentation.pptx [read only]
PPT
presentazione del modello
PDF
InnoEXPLORA - Innovando con la personas
PPT
A história dos sapinhos
PPTX
Doorstep Loans No Credit Check- Ultimate Fiscal Aid At Your Doors
PPTX
Pelajaran 5
PPT
Predictive factors of in-hospital mortality in colorectal surgery
PDF
Eolo, dios del viento
PPTX
PPTX
Pelajaran 4
PDF
Mihin johtaja tarvitsee tunneälyä?
21centuryART
Bustiada vila seca
New microsoft office power point presentation.pptx [read only]
presentazione del modello
InnoEXPLORA - Innovando con la personas
A história dos sapinhos
Doorstep Loans No Credit Check- Ultimate Fiscal Aid At Your Doors
Pelajaran 5
Predictive factors of in-hospital mortality in colorectal surgery
Eolo, dios del viento
Pelajaran 4
Mihin johtaja tarvitsee tunneälyä?
Publicidad

Similar a Presentacion 15(insertar imagen) (20)

PPTX
Como insertar imagen
DOCX
Imagen eclipse
DOCX
Insertar imagen en eclipse
PPTX
Como insertar una imagen
PPTX
Como insertar una imagen en eclipse
PPTX
INSERTAR IMAGEN ELIZONDO
PPTX
Imagene icono
PPTX
Programaimagen ppptx
PPTX
Programaimagen ppptx
PPTX
como insertar imagen a una aplicación android de java.
DOCX
Centro de estudio tecnológicos industrial
DOCX
Centro de estudio tecnológicos industrial
PPTX
Programa imagen
DOCX
Investigacion para agregar una imagen a eclipse
DOCX
Investigacion para agregar una imagen a eclipse
PPTX
TUTORIAL Y PRACTICA DE COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR
PPTX
COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR
PPTX
Programa imagen
PPTX
Como insertar una imagen
PPTX
Insertar imagen
Como insertar imagen
Imagen eclipse
Insertar imagen en eclipse
Como insertar una imagen
Como insertar una imagen en eclipse
INSERTAR IMAGEN ELIZONDO
Imagene icono
Programaimagen ppptx
Programaimagen ppptx
como insertar imagen a una aplicación android de java.
Centro de estudio tecnológicos industrial
Centro de estudio tecnológicos industrial
Programa imagen
Investigacion para agregar una imagen a eclipse
Investigacion para agregar una imagen a eclipse
TUTORIAL Y PRACTICA DE COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR
COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR
Programa imagen
Como insertar una imagen
Insertar imagen

Más de JacquelineRH (11)

PPTX
Presentacion 14
PPTX
Programaa13
PPTX
Programa12
PPTX
Programa11
PPTX
Programa9
PPTX
Programa8
PPTX
Programa8
PPTX
Programa7 (1)
PPTX
Programa6 (1)
PPTX
Programa 5
PPTX
Practica4
Presentacion 14
Programaa13
Programa12
Programa11
Programa9
Programa8
Programa8
Programa7 (1)
Programa6 (1)
Programa 5
Practica4

Último (20)

PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
DOCX
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
PDF
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
PDF
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
PDF
Fundamentos_Educacion_a_Distancia_ABC.pdf
PDF
benveniste-problemas-de-linguistica-general-i-cap-6 (1)_compressed.pdf
PDF
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
PDF
Escuela Sabática 6. A través del Mar Rojo.pdf
DOCX
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
PDF
Punto Critico - Brian Tracy Ccesa007.pdf
PDF
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
PDF
Metodologías Activas con herramientas IAG
PDF
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
PDF
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
PDF
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
PDF
ciencias-1.pdf libro cuarto basico niños
PDF
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PPT
Cosacos y hombres del Este en el Heer.ppt
PDF
OK OK UNIDAD DE APRENDIZAJE 5TO Y 6TO CORRESPONDIENTE AL MES DE AGOSTO 2025.pdf
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
Fundamentos_Educacion_a_Distancia_ABC.pdf
benveniste-problemas-de-linguistica-general-i-cap-6 (1)_compressed.pdf
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
Escuela Sabática 6. A través del Mar Rojo.pdf
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
Punto Critico - Brian Tracy Ccesa007.pdf
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
Metodologías Activas con herramientas IAG
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
ciencias-1.pdf libro cuarto basico niños
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
Cosacos y hombres del Este en el Heer.ppt
OK OK UNIDAD DE APRENDIZAJE 5TO Y 6TO CORRESPONDIENTE AL MES DE AGOSTO 2025.pdf

Presentacion 15(insertar imagen)

  • 1. Cetis 109 Ruth Rosas 4° “Bm” Programación Desarrolla Aplicaciones Móviles “Programa 15 (Como insertar una imagen)
  • 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 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:
  • 3. 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
  • 4. Ahora vamos a decir a la aplicacion qué icono tiene que usar. Esa informacion se da en el AndroidManifest.xml
  • 5. Seleccionaremos "File System" y pincharemos en "Next >" Otra pantalla nos aparecera, en la que seleccionaremos la ubicacion de las imagenes en nuestro ordenador:
  • 6. 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
  • 7. 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
  • 8. 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.
  • 9. 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.
  • 10. Pincharemos el casillero de Background (Flecha nº1) y seleccionaremos la imagen que queremos mostrar (Flecha nº2) y daremos a OK
  • 11. 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
  • 12. Ya está. Ya solo nos queda probarlo en nuestro telefono (teniendo el USB conectado) o en el emulador del SDK de Android pinchando en