Tutorial eclipse

100
TUTORIAL DE ECLIPSE

Transcript of Tutorial eclipse

Page 1: Tutorial eclipse

TUTORIAL DE

ECLIPSE

Page 2: Tutorial eclipse

CETis 109Hernández Román Grisel

Desarrollo de Aplicaciones Móviles

Profa.: MCA Margarita Romero Alvarado

Page 3: Tutorial eclipse

{

ES LO QUE MUESTRA CUANDO ABRES EL PROGRAMA

Page 4: Tutorial eclipse

BBARRA DE HERRAMIENTAS

Page 5: Tutorial eclipse

Save:Guardar

New:Nuevo

last edit location: última edición  ubicación

Save All: Guardar

todos

Print:Imprimir

Android SDK Manager:

Android Virtual Device Manager

Skip All Breakpoint:Omitir todo punto de rotura

New java class. Nueva clase java

New Android XML File

Run Android Lint

External Tools:Herramientas

externas

Run

New java Package: Nuevo paquete java

Bebug

Next annotation: Próxima anotación

Search: Buscar

Open type:tipo abierto

Previous Annotation:

Anotacion anterior

Back:Atrás

Pin editor:Editor de PIN

Floward:Adelante

open perspective:Abrir perspectiva

Page 6: Tutorial eclipse

Menú: incluye todas las opciones del entorno y algunos iconos de acceso directo alas mas empleadas.

Perspectiva: Permite alternar entre las diferentes perspectivas que haya abiertas.

Control de Proyecto: Permite controlar el contenido del proyecto, los archivos que lo componen.

Editor: la zona mas amplia para editar el contenido de los archivos ya sean visualmente o en modo de texto.

Propiedades: utilizadas en muchas ocasiones para editar propiedades del archivo editado.

Control Ejecución: Incluye todo lo necesario para controlar y monitorizar la ejecución de nuestro proyecto.

Page 7: Tutorial eclipse

LAS OPCIONES DE LA PESTAÑA FILE (ARCHIVO)

Page 8: Tutorial eclipse

DELETE: ELIMINARSELECT ALL: SELECCIONAR TODOFIND/REPLACE: BUSCAR/REMPLAZARADD BOOKMARK: AÑADIR UN MARCADORADD TASK: AÑADIR LA TAREA.

Page 9: Tutorial eclipse

DELETE: ELIMINARSELECT ALL: SELECCIONAR TODOFIND/REPLACE: BUSCAR/REMPLAZARADD BOOKMARK: AÑADIR UN MARCADORADD TASK: AÑADIR LA TAREA.

Page 10: Tutorial eclipse

Rename: Cambiar el nombre

Move…: MovimientoAndroid: AndroidChange Method

Signature…:

Firma del método de cambio

Page 11: Tutorial eclipse

Undo: DeshacerRedo: RehacerCut: CortarCopy: CopiarPaste: PegarDelete: EliminarSelect All: Seleccionar todoFind/Replace: Buscar/RemplazarAdd Bookmark: Añadir un marcadorAdd Task: Añadir la tarea.

Page 12: Tutorial eclipse

Java Project: Proyecto Java

Android Application Project: Proyecto de aplicación para

 Android Project: ProyectoPackage: PaqueteClass: Clase

Page 13: Tutorial eclipse

Interface: InterfazEnum: Enumeración

Annotation: Anotacion

Source Folder: Carpeta de origen

Java Working Set: Java trabajo conjunto

Folder: CarpetaFile:Archivo

Page 14: Tutorial eclipse

Archivo~ Nuevo

Todas las opciones para crear un nuevo proyecto

Page 15: Tutorial eclipse

Nuevo Proyecto en Java

Page 16: Tutorial eclipse

IMPORTAR

Para importar un proyecto

Page 17: Tutorial eclipse

EXPORTAR

Page 18: Tutorial eclipse

ESTA PESTAÑA ES PARA EDITAR EL DOCUMENTO

Page 19: Tutorial eclipse
Page 20: Tutorial eclipse
Page 21: Tutorial eclipse
Page 22: Tutorial eclipse
Page 23: Tutorial eclipse
Page 24: Tutorial eclipse
Page 25: Tutorial eclipse
Page 26: Tutorial eclipse
Page 27: Tutorial eclipse
Page 28: Tutorial eclipse
Page 29: Tutorial eclipse
Page 30: Tutorial eclipse
Page 31: Tutorial eclipse
Page 32: Tutorial eclipse
Page 33: Tutorial eclipse
Page 34: Tutorial eclipse
Page 35: Tutorial eclipse
Page 36: Tutorial eclipse
Page 37: Tutorial eclipse
Page 38: Tutorial eclipse
Page 39: Tutorial eclipse
Page 40: Tutorial eclipse
Page 41: Tutorial eclipse
Page 42: Tutorial eclipse
Page 43: Tutorial eclipse
Page 44: Tutorial eclipse
Page 45: Tutorial eclipse
Page 46: Tutorial eclipse
Page 47: Tutorial eclipse
Page 48: Tutorial eclipse
Page 49: Tutorial eclipse
Page 50: Tutorial eclipse
Page 51: Tutorial eclipse
Page 52: Tutorial eclipse
Page 53: Tutorial eclipse
Page 54: Tutorial eclipse
Page 55: Tutorial eclipse
Page 56: Tutorial eclipse
Page 57: Tutorial eclipse
Page 58: Tutorial eclipse
Page 59: Tutorial eclipse
Page 60: Tutorial eclipse
Page 61: Tutorial eclipse
Page 62: Tutorial eclipse
Page 63: Tutorial eclipse
Page 64: Tutorial eclipse
Page 65: Tutorial eclipse
Page 66: Tutorial eclipse
Page 67: Tutorial eclipse
Page 68: Tutorial eclipse
Page 69: Tutorial eclipse
Page 70: Tutorial eclipse
Page 71: Tutorial eclipse
Page 72: Tutorial eclipse
Page 73: Tutorial eclipse
Page 74: Tutorial eclipse
Page 75: Tutorial eclipse
Page 76: Tutorial eclipse
Page 77: Tutorial eclipse
Page 78: Tutorial eclipse
Page 79: Tutorial eclipse
Page 80: Tutorial eclipse
Page 81: Tutorial eclipse

Si le das clic en activity_main.xml aparece para modificar en formato de texto y si oprimes clic en Graphical Layout nos permite visualizar el contenido en "vista de diseño

Page 82: Tutorial eclipse

Palette es un componente de eclipse que tiene carpetas para diseñar entre otras cosas, las carpetas que compones al palette son: Form Widgets, Test Fields, Layouts, composite, Images & Media, Time & Date,Transitions,Advaced,Other,Custom & Library Views.

Page 83: Tutorial eclipse

Fragmento: Porción de la interfaz de usuario que puede añadirse o eliminarse de una interfaz de forma independiente al resto de elementos de la actividad, y que por supuesto puede reutilizarse en otras actividades.

Espacio

Representa una fila de la tabla y que las vistas que contengan harán las veces de columnas.

Page 84: Tutorial eclipse

Texto dirección de correo electrónico

TEXT FIELDSTipos de campo de texto

Números

Texto de contraseña

Texto

Page 85: Tutorial eclipse

Diseño lineal: Sirve para colocar vistas en una misma fila o columna

Diseño de marcos: Sitúa los elementos usando toda la pantalla y hace posible situar unas vistas detrás de otras.

Page 86: Tutorial eclipse

La carpeta LAYOUTS suele utilizarse para nombrar al esquema de distribución de los elementos dentro un diseño.

Page 87: Tutorial eclipse

Su principal característica es que los widgets que estén dentro de este contenedor basarán su posición en relación con los otros elementos.

Diseño de cuadrícula: Sirve para acomodar componentes en los paneles, dividiéndolo en filas y columnas.

Page 88: Tutorial eclipse

Agrupa componentes en filas y columnas.

Incluir otro diseño

Page 89: Tutorial eclipse

Fragmento: Porción de la interfaz de usuario que puede añadirse o eliminarse de una interfaz de forma independiente al resto de elementos de la actividad, y que por supuesto puede reutilizarse en otras actividades.

Espacio

Representa una fila de la tabla y que las vistas que contengan harán las veces de columnas.

Page 90: Tutorial eclipse

Vista ampliable

Vista de búsqueda

Cajón deslizante: Oculta el contenido de la pantalla y permite al usuario arrastrar un asa para llevar el contenido en la pantalla. SlidingDrawer se puede utilizar vertical u horizontalmente.

Vista web

Page 91: Tutorial eclipse

Visualiza una lista deslizable verticalmente

de varios elementos, donde cada elemento

puede definirse como un Layout

Page 92: Tutorial eclipse

Vista de desplazamiento: Contenedor que ofrece una barra de desplazamiento para el contenido que pongamos dentro de él.

La carpeta COMPOSITE es un compuesto.

Page 93: Tutorial eclipse

Vista de cuadrícula : Nos muestra una serie de elementos en forma de tabla y que podemos deslizar verticalmente.

Page 94: Tutorial eclipse

Controlador de medios : Creará un conjunto predeterminado de los controles y los puso en una ventana flotante por encima de su aplicación.

Botón de imagen: Puede mostrar una imagen en su superficie.

Vista de video: Puede cargar imágenes de diversas fuentes, se encarga de calcular su medición del video para que pueda ser utilizado en cualquier controlador de distribución , y proporciona varias opciones de visualización como el escalado y tintado

Vista de la imagen: Permite mostrar imágenes en la aplicación. Galería

Imágenes y media

Page 95: Tutorial eclipse

La carpeta Time & Date tiene selector de temporizador, selector de flechador, cronometro etc.

Page 96: Tutorial eclipse

La carpeta Advanced sirve para la vista de la textura, vista de arriba, selector de numero etc.

Page 97: Tutorial eclipse

La carpeta Other sirve para poner el reloj del texto

Page 98: Tutorial eclipse

La carpeta Custom & Library Views sirve para vista de gráficos y abajo aparece un botón para actualizar.

Page 99: Tutorial eclipse

Y estando seleccionado el TextView buscamos la propiedad Text y cargamos: "Mi primer programa para Android" y presionamos enter, podemos ver que se actualiza la vista:

en "vista de diseño" modificar los valores de las propiedades. Elegimos nuevamente la pestaña "Graphical Layout" y seleccionamos el TextView con el mouse y vemos que en la parte derecha de la pantalla aparece una ventana llamada "properties“:

Page 100: Tutorial eclipse

Package Explorer: muestra los archivos Java de acuerdo con sus paquetes. También muestra las carpetas de archivos en el proyecto ( por ejemplo, documentos en la figura de abajo ) , así como los detalles específicos del proyecto Java como archivos JAR que se hace referencia