SlideShare una empresa de Scribd logo
1 de 9
Centro de Estudio Tecnológicos
Industrial
& Servicios 109.
Nombre: ADRIANA LIZBETH
AVILA ORTIZ.
MARICARMEN AVILA ORTIZ
GRADO & GRUPO: 4° “BM”
PROFESORA: MARGARITA
ROMERO ALVARADO.
MATERIA:
DESARROLLAR APLICACIONES
MOVIL.
AULA: 31
CICLO ESCOLAR: FEB-JUN 2015.
COMO INSCERTAR UNA IMAGEN EN ADROID
ECLIPSE.
Despuesde sabercomomostrar un HolaMundo por lapantallade nuestroandroid,el siguiente
paso serámostrar unaimagen.Es mas sencillode loque enprincipioparece,yaque se asemeja
muchoa laforma de usar Visual Basicy suarrastrar y soltar.Ya podremospresumirde movil con
nuestrapropiaapli con imagen!
Huelgadecirque para seguireste tutorial necesitaremostenerinstaladolaultimaversiondelSDK
de AndroidytenerinstaladoEclipse yel pluginADTentuWindowso Linux.
Empezaremoscreandounnuevoproyectode Androidynosiremosala carpeta "Drawable"(si no
existe,lacreamos) yborraremosel iconoque viene predeterminadoparaponeruno
personalizado,eneste casopondremos el logode scenebeta(disponibleenel paquete
descargable que estáal final del tutorial).Enestacarpetaestarán alojadastodaslasimagenesdel
proyecto.Paraborrar el iconodaremosBotonderechodel raton -> Delete:
*Clicpara agrandar
Una vez borrado,procederemosainstertar(omejordicho,importar) todaslasimagenesdel
proyecto.En nuestrocaso,el iconoy la imagenque apareceráenpantalla.Daremosclicderecho
sobre nuestracarpetaDrawable y pincharemosen"Import..."Nosapareceráunapantallacomo
esta:
*Clicpara agrandar
Seleccionaremos"File System"ypincharemosen"Next>"Otra pantallanosaparecera,enla que
seleccionaremoslaubicacionde lasimagenesennuestroordenador:
*Clicpara agrandar
Seleccionaremos"File System"y pincharemosen"Next>"Otra pantallanosaparecera,enla que
seleccionaremoslaubicacionde lasimagenesennuestroordenador:
*Seleccionamosconlosticksydamosa "Finish"
Ahoravamos a decira la aplicacionqué iconotiene que usar.Esainformacionse daenel
AndroidManifest.xml
*Clicpara agrandar
Comopodemosverenla imagenanterior,lapantallaque nosmuestraesainformacionestaenla
segundapestaña(Application,al ladode Manifest).El valoracambiar esel de Icon.Podemos
escribirloamanoponiendolarutaempezandoporarroba "@" y sinponerlaextensiondel icono.
Guardaremosel AndroidManifest.xml ynosiremosares -> values ->strings.xml
*Clicpara agrandar
Nosmuestraun HelloWorldpredeterminadoque no nosinteresa,recordemosque esoyalo
sabemoshacery que nuestroobjetivoesmostrarunaimagen,asi que loeliminaremostal ycomo
muestrala imagen:
*SeleccionamosTextViewyle damosal menos
La pantallaprincipal se nosquedaráennegro.Esel momentode añadirlaimagen.
Comohemospodidoobservar,al ladode loque serianuestrapantalladel movil (dondeantes
ponia"HelloWorld") tenemosdosbloques.Usaremosel de laparte de abajo.
Pincharemosenel que dice "ImageButton"(Flechanº1) y loarrastraremosa la pantallanegra.Se
nos creará unboton(Flechanº3) que terminarásiendonuestraimagen.Pincharemosdosveces
sobre loque señalala flechanº2 para editarlaspropiedadesde ese boton.
Pincharemosel casillerode Background(Flecha nº1) y seleccionaremoslaimagenque queremos
mostrar (Flechanº2) y daremosa OK
*Clicpara agrandar
Comopodemosobservar,tambienpodemosponerlarutaa manode igual maneraque comolo
hicimosconel icono.
Se ve unpoco mal asi que pincharemos enPortraitcomose muestraenla imagen:
Ya está.
http://android.scenebeta.com/tutorial/como-mostrar-imagenes-en-javaeclipse

Más contenido relacionado

Destacado

Ancillary research ppt
Ancillary research pptAncillary research ppt
Ancillary research ppt
AishahBegum
 
الإغراء والتحذير
الإغراء والتحذيرالإغراء والتحذير
الإغراء والتحذير
dckackne
 
Tombuctú
Tombuctú Tombuctú
Tombuctú
Andrea-5
 
Thanh tich giay_khen
Thanh tich giay_khenThanh tich giay_khen
Thanh tich giay_khen
huyen133
 

Destacado (16)

Ancillary research ppt
Ancillary research pptAncillary research ppt
Ancillary research ppt
 
الإغراء والتحذير
الإغراء والتحذيرالإغراء والتحذير
الإغراء والتحذير
 
Accidentes de bicicletas en las carreteras de Euskadi
Accidentes de bicicletas  en las carreteras de EuskadiAccidentes de bicicletas  en las carreteras de Euskadi
Accidentes de bicicletas en las carreteras de Euskadi
 
дошк¦лля 2 2014
дошк¦лля 2 2014дошк¦лля 2 2014
дошк¦лля 2 2014
 
03 diapositivas portafolio
03 diapositivas portafolio03 diapositivas portafolio
03 diapositivas portafolio
 
19preguntas
19preguntas19preguntas
19preguntas
 
A1 Berufe
A1 BerufeA1 Berufe
A1 Berufe
 
посвящение в первоклассники зош №8
посвящение в первоклассники зош №8посвящение в первоклассники зош №8
посвящение в первоклассники зош №8
 
Acting ppt
Acting pptActing ppt
Acting ppt
 
Csallner algorithms1
Csallner algorithms1Csallner algorithms1
Csallner algorithms1
 
New 7 creating vision
New 7 creating visionNew 7 creating vision
New 7 creating vision
 
Orangeburg GW Flyer
Orangeburg GW FlyerOrangeburg GW Flyer
Orangeburg GW Flyer
 
Lehendakariaren hitzaldia - Zabalduz Eguna jardunaldiaren irekiera
Lehendakariaren hitzaldia - Zabalduz Eguna jardunaldiaren irekiera Lehendakariaren hitzaldia - Zabalduz Eguna jardunaldiaren irekiera
Lehendakariaren hitzaldia - Zabalduz Eguna jardunaldiaren irekiera
 
Programa para sumar
Programa para sumarPrograma para sumar
Programa para sumar
 
Tombuctú
Tombuctú Tombuctú
Tombuctú
 
Thanh tich giay_khen
Thanh tich giay_khenThanh tich giay_khen
Thanh tich giay_khen
 

Similar a Centro de estudio tecnológicos industrial

Menu principal
Menu principalMenu principal
Menu principal
IEBG
 
Menu principal
Menu principalMenu principal
Menu principal
IEBG
 

Similar a Centro de estudio tecnológicos industrial (20)

Creación de video
Creación de videoCreación de video
Creación de video
 
Tu teléfono, mucho más que un móvil saca partido a tu smartphone (Araba Enco...
Tu teléfono, mucho más que un móvil  saca partido a tu smartphone (Araba Enco...Tu teléfono, mucho más que un móvil  saca partido a tu smartphone (Araba Enco...
Tu teléfono, mucho más que un móvil saca partido a tu smartphone (Araba Enco...
 
Taller de difusión en docentes uso de la pdi
Taller de difusión en docentes uso de la pdiTaller de difusión en docentes uso de la pdi
Taller de difusión en docentes uso de la pdi
 
Como elaborar un video
Como elaborar un videoComo elaborar un video
Como elaborar un video
 
HERRAMIENTAS PARA CREAR VIDEOS XRBT
HERRAMIENTAS PARA CREAR VIDEOS XRBTHERRAMIENTAS PARA CREAR VIDEOS XRBT
HERRAMIENTAS PARA CREAR VIDEOS XRBT
 
Exelearning Basico
Exelearning BasicoExelearning Basico
Exelearning Basico
 
Menu principal
Menu principalMenu principal
Menu principal
 
325940441 motion-ui
325940441 motion-ui325940441 motion-ui
325940441 motion-ui
 
Menu principal
Menu principalMenu principal
Menu principal
 
2 p clei 5 tecn rmb
2 p clei 5 tecn rmb2 p clei 5 tecn rmb
2 p clei 5 tecn rmb
 
1 p clei 5 tecn 10
1 p clei 5 tecn 101 p clei 5 tecn 10
1 p clei 5 tecn 10
 
Como crear videos
Como crear videosComo crear videos
Como crear videos
 
1 p clei 5 tecn 10
1 p clei 5 tecn 101 p clei 5 tecn 10
1 p clei 5 tecn 10
 
Manual aplicaciones moviles cristian
Manual aplicaciones moviles cristianManual aplicaciones moviles cristian
Manual aplicaciones moviles cristian
 
Aplicaciones
AplicacionesAplicaciones
Aplicaciones
 
Tecnologico preuniversitario chimaltenango
Tecnologico preuniversitario chimaltenangoTecnologico preuniversitario chimaltenango
Tecnologico preuniversitario chimaltenango
 
Etel600 taller 2 blog
Etel600 taller 2 blogEtel600 taller 2 blog
Etel600 taller 2 blog
 
Tutorial Smart Notebook (PDI)
Tutorial Smart Notebook (PDI)Tutorial Smart Notebook (PDI)
Tutorial Smart Notebook (PDI)
 
Menu 2
Menu 2Menu 2
Menu 2
 
Seminario de Informatica T3 Liliam Alarcón
Seminario de Informatica T3 Liliam AlarcónSeminario de Informatica T3 Liliam Alarcón
Seminario de Informatica T3 Liliam Alarcón
 

Más de Azul AO (8)

Presentación 14
Presentación 14Presentación 14
Presentación 14
 
Presentación 13
Presentación 13Presentación 13
Presentación 13
 
Presentación 9
Presentación 9Presentación 9
Presentación 9
 
Presentación 12
Presentación 12Presentación 12
Presentación 12
 
Presentación11
Presentación11Presentación11
Presentación11
 
Adriana Presentación 9
Adriana Presentación 9Adriana Presentación 9
Adriana Presentación 9
 
Presentación8
Presentación8Presentación8
Presentación8
 
Programa 7
Programa 7Programa 7
Programa 7
 

Último

informe-de-laboratorio-metodos-de-separacion-de-mezclas.pdf
informe-de-laboratorio-metodos-de-separacion-de-mezclas.pdfinforme-de-laboratorio-metodos-de-separacion-de-mezclas.pdf
informe-de-laboratorio-metodos-de-separacion-de-mezclas.pdf
AndreaTurell
 
Lineamientos de la Escuela de la Confianza SJA Ccesa.pptx
Lineamientos de la Escuela de la Confianza  SJA  Ccesa.pptxLineamientos de la Escuela de la Confianza  SJA  Ccesa.pptx
Lineamientos de la Escuela de la Confianza SJA Ccesa.pptx
Demetrio Ccesa Rayme
 
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIACOMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
Wilian24
 
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
candy torres
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
amelia poma
 

Último (20)

AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
GRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdf
GRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdfGRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdf
GRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdf
 
Planeacion para 1er Grado - (2023-2024)-1.docx
Planeacion para 1er Grado - (2023-2024)-1.docxPlaneacion para 1er Grado - (2023-2024)-1.docx
Planeacion para 1er Grado - (2023-2024)-1.docx
 
informe-de-laboratorio-metodos-de-separacion-de-mezclas.pdf
informe-de-laboratorio-metodos-de-separacion-de-mezclas.pdfinforme-de-laboratorio-metodos-de-separacion-de-mezclas.pdf
informe-de-laboratorio-metodos-de-separacion-de-mezclas.pdf
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLAACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
 
Lineamientos de la Escuela de la Confianza SJA Ccesa.pptx
Lineamientos de la Escuela de la Confianza  SJA  Ccesa.pptxLineamientos de la Escuela de la Confianza  SJA  Ccesa.pptx
Lineamientos de la Escuela de la Confianza SJA Ccesa.pptx
 
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docx
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docxUNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docx
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docx
 
Presentación de la propuesta de clase.pdf
Presentación de la propuesta de clase.pdfPresentación de la propuesta de clase.pdf
Presentación de la propuesta de clase.pdf
 
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIACOMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
 
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
10-08 Avances tecnológicos del siglo XXI.pdf
10-08 Avances tecnológicos del siglo XXI.pdf10-08 Avances tecnológicos del siglo XXI.pdf
10-08 Avances tecnológicos del siglo XXI.pdf
 
EFEMERIDES DEL MES DE MAYO PERIODICO MURAL.pdf
EFEMERIDES DEL MES DE MAYO PERIODICO MURAL.pdfEFEMERIDES DEL MES DE MAYO PERIODICO MURAL.pdf
EFEMERIDES DEL MES DE MAYO PERIODICO MURAL.pdf
 
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
1ERGRA~2.PDF EVALUACION DIAGNOSTICA 2024
1ERGRA~2.PDF EVALUACION DIAGNOSTICA 20241ERGRA~2.PDF EVALUACION DIAGNOSTICA 2024
1ERGRA~2.PDF EVALUACION DIAGNOSTICA 2024
 
animalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdfanimalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdf
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 

Centro de estudio tecnológicos industrial

  • 1. Centro de Estudio Tecnológicos Industrial & Servicios 109. Nombre: ADRIANA LIZBETH AVILA ORTIZ. MARICARMEN AVILA ORTIZ GRADO & GRUPO: 4° “BM” PROFESORA: MARGARITA ROMERO ALVARADO. MATERIA:
  • 2. DESARROLLAR APLICACIONES MOVIL. AULA: 31 CICLO ESCOLAR: FEB-JUN 2015. COMO INSCERTAR UNA IMAGEN EN ADROID ECLIPSE. Despuesde sabercomomostrar un HolaMundo por lapantallade nuestroandroid,el siguiente paso serámostrar unaimagen.Es mas sencillode loque enprincipioparece,yaque se asemeja muchoa laforma de usar Visual Basicy suarrastrar y soltar.Ya podremospresumirde movil con nuestrapropiaapli con imagen! Huelgadecirque para seguireste tutorial necesitaremostenerinstaladolaultimaversiondelSDK de AndroidytenerinstaladoEclipse yel pluginADTentuWindowso Linux.
  • 3. Empezaremoscreandounnuevoproyectode Androidynosiremosala carpeta "Drawable"(si no existe,lacreamos) yborraremosel iconoque viene predeterminadoparaponeruno personalizado,eneste casopondremos el logode scenebeta(disponibleenel paquete descargable que estáal final del tutorial).Enestacarpetaestarán alojadastodaslasimagenesdel proyecto.Paraborrar el iconodaremosBotonderechodel raton -> Delete: *Clicpara agrandar Una vez borrado,procederemosainstertar(omejordicho,importar) todaslasimagenesdel proyecto.En nuestrocaso,el iconoy la imagenque apareceráenpantalla.Daremosclicderecho sobre nuestracarpetaDrawable y pincharemosen"Import..."Nosapareceráunapantallacomo esta: *Clicpara agrandar
  • 4. Seleccionaremos"File System"ypincharemosen"Next>"Otra pantallanosaparecera,enla que seleccionaremoslaubicacionde lasimagenesennuestroordenador: *Clicpara agrandar Seleccionaremos"File System"y pincharemosen"Next>"Otra pantallanosaparecera,enla que seleccionaremoslaubicacionde lasimagenesennuestroordenador: *Seleccionamosconlosticksydamosa "Finish" Ahoravamos a decira la aplicacionqué iconotiene que usar.Esainformacionse daenel AndroidManifest.xml
  • 5. *Clicpara agrandar Comopodemosverenla imagenanterior,lapantallaque nosmuestraesainformacionestaenla segundapestaña(Application,al ladode Manifest).El valoracambiar esel de Icon.Podemos escribirloamanoponiendolarutaempezandoporarroba "@" y sinponerlaextensiondel icono. Guardaremosel AndroidManifest.xml ynosiremosares -> values ->strings.xml *Clicpara agrandar Nosmuestraun HelloWorldpredeterminadoque no nosinteresa,recordemosque esoyalo sabemoshacery que nuestroobjetivoesmostrarunaimagen,asi que loeliminaremostal ycomo muestrala imagen:
  • 6. *SeleccionamosTextViewyle damosal menos La pantallaprincipal se nosquedaráennegro.Esel momentode añadirlaimagen. Comohemospodidoobservar,al ladode loque serianuestrapantalladel movil (dondeantes ponia"HelloWorld") tenemosdosbloques.Usaremosel de laparte de abajo. Pincharemosenel que dice "ImageButton"(Flechanº1) y loarrastraremosa la pantallanegra.Se nos creará unboton(Flechanº3) que terminarásiendonuestraimagen.Pincharemosdosveces sobre loque señalala flechanº2 para editarlaspropiedadesde ese boton.
  • 7. Pincharemosel casillerode Background(Flecha nº1) y seleccionaremoslaimagenque queremos mostrar (Flechanº2) y daremosa OK
  • 8. *Clicpara agrandar Comopodemosobservar,tambienpodemosponerlarutaa manode igual maneraque comolo hicimosconel icono. Se ve unpoco mal asi que pincharemos enPortraitcomose muestraenla imagen: