Top Banner
INSERTAR IMAGEN EN EL PROGRAMA ECLIPSE DESARROLLA APLICACIONES MÓVILES
10

INSERTAR IMAGEN ELIZONDO

Aug 11, 2015

Download

Technology

Mayra Elizondo
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: INSERTAR IMAGEN ELIZONDO

INSERTAR IMAGEN EN EL PROGRAMA

ECLIPSE

DESARROLLA APLICACIONES MÓVILES ♥

Page 2: INSERTAR IMAGEN ELIZONDO

PASO N°1

1 Haz clic en el botón "Inicio" de Windows y escribe

"eclipse.exe". Presiona "Entrar" para buscar el

archivo ejecutable de Eclipse. Haz doble clic sobre

"Eclipse.exe" para abrir el software de programación.

Page 3: INSERTAR IMAGEN ELIZONDO

PASO N°2

ABRE TU PROYECTO DE APLICACIÓN ANDROID Y HAZ

DOBLE CLIC SOBRE EL ARCHIVO XML QUE DEFINE EL DISEÑO

DE LA PANTALLA. ECLIPSE POSEE UN DISEÑADOR GRÁFICO,

POR LO QUE PUEDES HACER CLIC EN "DESIGNER"

(DISEÑADOR) PARA VER UN EMULADOR QUE USAS PARA

ARRASTRAR Y SOLTAR ELEMENTOS DE APLICACIONES COMO

UNA IMAGEN.

Page 4: INSERTAR IMAGEN ELIZONDO

PASO N°3

ARRASTRA Y SUELTA UN ELEMENTO "IMAGEVIEW"

(VISTA DE IMAGEN). EL ELEMENTO APARECE EN EL

EMULADOR, PERO NO TIENE NINGUNA IMAGEN

DEFINIDA.

Page 5: INSERTAR IMAGEN ELIZONDO

PASO N°4

HAZ DOBLE CLIC SOBRE EL ARCHIVO DE CÓDIGO

JAVA ASOCIADO CON LA PANTALLA XML. AGREGA EL

SIGUIENTE CÓDIGO PARA AÑADIR LA IMAGEN A LA

VISTA:

IMAGEVIEW1.SETIMAGERESOURCE(R.DRAWABLE.MI_I

MAGEN); REEMPLAZA "MI_IMAGEN" CON UN NOMBRE

DE IMAGEN LOCALIZADO EN LA SECCIÓN

"RES/DRAWABLE/" DEL PROYECTO DE ECLIPSE.

Page 6: INSERTAR IMAGEN ELIZONDO

PASO N°5

HAZ CLIC EN "SAVE" (GUARDAR), LUEGO PRESIONA

EL BOTÓN VERDE "RUN" (EJECUTAR) PARA VER LA

NUEVA IMAGEN EN EL EMULADOR ANDROID SDK.

Page 7: INSERTAR IMAGEN ELIZONDO

CODIGO:

ABRE EL ARCHIVO RES > LAYOUT > MAIN.XML. POR DEFAULT

ENCONTRARÁS UN ELEMENTOLINEARLAYOUT Y UN TEXTVIEW; EL

PRIMERO CORRESPONDE A UN TIPO DE INTERFAZ QUE NOS PERMITE

ACOMODAR LOS ELEMENTOS MEDIANTE UN FLUJO LINEAL Y EL SEGUNDO

ELEMENTO SE UTILIZA PARA DESPLEGAR SU MENSAJE EN PANTALLA.

(PUEDES CORRER LA APLICACIÓN PARA QUE VEAS EL RESULTADO EN EL

AVD).

VAMOS A AGREGAR UN BOTÓN Y UNA IMAGEN PARA QUE NUESTRA

APLICACIÓN NO LUZCA TAN SOBRIA CON AYUDA DEL SIGUIENTE

CÓDIGO:

Page 9: INSERTAR IMAGEN ELIZONDO

A B R E E L A R C H I V O   S R C > T I M E M A I N. J AVA   Y E S C R I B I R E M O S E L S I G U I E N T E C Ó D I G O :

Page 10: INSERTAR IMAGEN ELIZONDO

COMENTARIO:

Con eso ya podemos ejecutarlo. Es una buena

forma de aprender a usar este programa.