SlideShare una empresa de Scribd logo
1 de 102
¿QUE ES ECLIPSE?
Es una plataforma de software compuesto por un
conjunto de herramientas de programación de código
abierto multiplataforma para desarrollar lo que el
proyecto llama "Aplicaciones de Cliente Enriquecido",
opuesto a las aplicaciones "Cliente-liviano" basadas en
navegadores.
¿Dónde fue desarrollado el eclipse?
Originalmente por IBM como el sucesor de su familia de
herramientas para VisualAge. Eclipse es ahora desarrollado por
la Fundación Eclipse, una organización independiente sin ánimo
de lucro que fomenta una comunidad de código abierto y un
conjunto de productos complementarios, capacidades y servicio
CARACTERISTICAS:
1. Dispone de un editor de texto con
resaltado de sintaxis donde puedes ver el
contenido del fichero en el que estás
trabajando.
2. Contiene una lista de tareas y otros
módulos similares.
3. La compilación es en tiempo real.
4. Tiene pruebas unitarias con JUnit.
5. Integración con Ant, asistentes (wizards)
para creación de proyectos, clases, tests,
etc., y refactorización.
Funciones-
El menú esta compuesto por las
siguientes funciones de las cuales
explicaremos la función que realizan
dentro de este programa:
En el entorno de desarrollo Eclipse todo
archivo se almacena dentro de un
proyecto. Esto quiere decir que todo
documento, carpeta, archivo de código
fuente(.java) y código compilado(.class)
tiene que estar contenido dentro de un
proyecto. Así pues, el primer paso
antes de usar Eclipse para programar
en java es comprender la estructura de
eclipse.
En el entorno de desarrollo Eclipse todo archivo se almacena
dentro de un proyecto. Esto quiere decir que todo documento,
carpeta, archivo de código fuente (.java) y código compilado
(.class) tiene que estar contenido dentro de un proyecto. Así
pues, el primer paso antes de usar Eclipse para programar en
Java es comprender la estructura de proyectos de Eclipse.
Es necesario crear un nuevo proyecto no sólo para desarrollar
un nuevo programa de Java, sino para editar también archivos
ya. Para crear un nuevo proyecto, seleccione en la línea de
menús principal "File > New > Project.
Expediente editar correr Navegar Búsqueda Proyecto Refactor ventana ayuda
File:
Un archivo es un conjunto de bits que son almacenados en un
dispositivo identificado por un nombre y la descripción que la
carpeta o directorio que lo contiene.
Seleccionando "New >" en
dicho menú se mostrará
una lista con los diversos
elementos de Java que
pueden ser creados.
Abrir expediente
Cerrar
Cerrar todo
Guardar
Guardar como
Guardar todo
Revertir
Mover
Renombrar
Refrescar
Convertir delimitadores de línea
a
Imprimir
Interruptor de espacio de
trabajo
Reiniciar
Importar
Exportar
Propiedades
Salir
Los archivos que se crean a
través de este menú suelen
almacenar notas e
información general. Otros
archivos tales como
archivos de configuración,
archivos "build" de ant y
similares también pueden
crearse de esta manera.
Proyecto
Paquete
Clase
Interfaz
Enum
Anotación
Carpeta de origen
Conjunto de trabajo java
Carpeta
Expediente
Archivo de texto sin título
Archivo xml Androide
caso de prueba JUnit
Ejemplo
Otro
Lista de tipos de elementos de java para crear nuevo proyecto:
Tipos de Proyecto en Eclipse
Hay varios tipos de proyectos de Eclipse que pueden ser creados:
* Para crear o editar programas Java, un "Java Project" debería ser creado. Nótese que
dentro de un proyecto de Java también puede almacenarse toda la información
relacionada con el proyecto (la cual no tiene por qué reducirse estrictamente a código
fuente, sino que también puede contener documentación y otros archivos
relacionados).
* Los "Simple Project" sólo deberían crearse para almacenar documentos y otros
archivos, pero no código Java que se desee compilar. Por ello, siempre que se creen
archivos ".java" sería recomendable crear un "Java Project".
* Los "Plug-in Development Project" se usan para añadir nuevos módulos y funciones
al entorno Eclipse. Estos proyectos sólo son necesarios si se es un desarrollador de
Eclipse.
* Los proyectos de "EMF" se utilizan para crear modelos de análisis y diseño.
Puesto que este tutorial se centra en utilizar Eclipse para programar en Java,
escogeremos crear un nuevo "Java Project" seleccionando "Java > Java Project" y
haciendo clic en el botón "Next >" del asistente de creación.
Project:
Es un conjunto de actividades interrelacionadas con un inicio y una
finalización definida, sus recursos son limitados por presupuestos.
Todo esto para lograr el objetivo deseado.
Java Proyect:
Una serie de carpetas ordenadas y organizadas de acuerdo con una
lógica para mantener organizado el código.
Android Application Project:
Para empezar a comprender cómo se construye una aplicación Android
vamos a crear un nuevo proyecto Android en Eclipse y echaremos un
vistazo a la estructura general del proyecto creado por defecto.
Interface: Es la parte
de un programa que
permite el flujo de
información entre un
usuario y la aplicación,
o entre la aplicación y
otros programas o
periféricos.
Partes de la pestaña Edit:
Deshacer
Rehacer
Recortar
Copiar
Pegar
Borrar
Seleccionar todo
Buscar / Reemplazar
Añadir marcador
Añadir una tarea
EDIT Para crear o editar programa
Java, un "Java Project" debería ser
creado. Nótese que dentro de un
proyecto de Java también puede
almacenarse toda la información
relacionada con el proyecto (la cua
no tiene por qué reducirse
estrictamente a código fuente, sin
que también puede contener
documentación y otros archivos
relacionados).
Partes de la pestaña Navigate:
Entra en
Ir
Abierta desde el portapapeles
Tipo abierto
Tipo abierto en la jerarquía
Recurso abierto
Espectáculo en ruta de
navegación
Mostrar en
Siguiente
Anterior
Última ubicación de edición
De regreso
Hacia adelante
Regreso
Hacia adelante
hasta el nivel
recurso
*Repositorios git
*Paquete de explorador
* Historial
* Navegar
*Explorador de proyectos
*Propiedades
Navigate
La vista Navigator de la perspectiva Resource y la vista
Package Explorer de la perspectiva Java contienen un
directorio con el nombre del proyecto. Como se comento
anteriormente, se puede pasar de una perspectiva a otra
pulsando sobre los botones de la barra vertical izquierda.
Partes de la pestaña Search:
Búsqueda
Expediente
Texto
Pruebas de referencia
Espacio de trabajo
Proyecto
Expediente
Conjunto de trabajo
Declaraciones
Implementadores
Acceso de lectura
Acceso de escritura
Ocurrencias en archivo
Prueba de referencia
Para realizar una búsqueda dentro de Eclipse, el menú "Search" de
la barra superior de menús debería ser seleccionado. También se
pueden lanzar búsquedas pulsando el icono de linterna.
Hay varios tipos de búsquedas dentro de Eclipse.
La búsqueda de archivos "File Search" es una búsqueda textual que
puede ser ejecutada sobre archivos de todo tipo. Es equivalente a
una búsqueda tradicional.
Manejo de archivos, manejo de texto, editores de texto. Ó lo
deberían crearse para almacenar documentos y otros
archivos, pero no código Java que se desee compilar. Por ello,
siempre que se creen archivos ".java" sería recomendable
crear un "Java Project".
Partes de la pestaña Refactor:
Rebautizar
Movimiento
Método de cambio de la firma
Método extracto
Extraer variable local
Extraer constante
En línea
Convertir variable local de campo
Convertir clase anónima a anidado
Tipo de cambio a nuevo archivo
Superclase extracto
Interfaz extracto
Súper tipo utilizar cuando sea posible
Empuje hacia abajo
Levantar
Clase extracto
Objeto de parámetro introduce
Indirección intoduce
Fábrica introduce
Parámetro introduce
Campo encapsular
Refactor
Muchas veces tenemos código ya hecho que está
funcionando. También muchas veces necesitamos
tocar ese código para que haga más cosas, para
hacer más eficiente un algoritmo, más vistosa la
salida del programa, porque tenemos otro
proyecto que se parece, etc, etc.
Partes de la pestaña Run:
Correr
Depurar
Historial de ejecución
Correr como
Configuraciones de ejecución
Historia de depuración
Depuración como
Configuraciones de depuración
Punto de interrupción de palanca
La línea de punto de interrupción de palanca
Método de punto de interrupción de palanca
Punto de observación de palanca
Omitir todos los puntos de interrupción
Eliminar todos los puntos de interrupción
Añadir excepciones java puntos de interrupción
Todas las referencias
Todas las instancias
Cuenta de instancias
Ver
Inspeccionar
Visualización
Ejecutar
Run As
El diálogo
Configuración Run se
puede invocar al
seleccionar la opción de
menú Ejecutar
configuraciones en el
menú Ejecutar .
Partes de la pestaña Window:
Nueva ventana
Nuevo editor
Perspectiva abierta
Mostrar la presentación
Personalizar perspectiva
Salvar perspectiva como
Perspectiva de reinicio
Cerrar perspectiva
Cerrar toda perspectiva
Navegación
Gerente SDK de Android
Gerente de dispositivo virtual de
Android
Ejecutar pelusa androide
Preferencias
Es la barra de opciones que contiene eclipse
para poder crear otros archivos tales como
personalizar perspectiva
Una perspectiva de Eclipse es una agrupación de vistas y
editores de manera que den apoyo a una actividad completa
del proceso de desarrollo software. Sin embargo, es posible
crear perspectivas propias añadiendo nuevas vistas y
cambiando su distribución en la pantalla. Las perspectivas
pueden seleccionarse haciendo clic en los iconos de
perspectiva del lateral izquierdo o eligiendo "Window >
Open Perspective" del menú.
Perspectivas:
Resource: esta perspectiva está estrechamente relacionada con el
sistema de archivos puesto que representa la localización física de
los recursos almacenados dentro de los proyectos
Java: esta perspectiva se centra en tareas de programación,
mostrando paquetes, clases, métodos y atributos en sus vistas
asociadas.
Plug-in development: la perspectiva de desarrollo de plug-in
permite a los desarrolladores añadir nuevos módulos de Eclipse.
Install/Update: permite gestión de la configuración. Muestra los
componentes instalados así como sus versiones y conflictos.
Debug: relacionada con la tarea de depuración. Se centra en los
procesos ejecutados, puntos de ruptura, variables, salida, etc.
Java Browsing: esta perspectiva permite ojear rápidamente código,
proyectos, paquetes y jerarquías.
Partes de la pestaña Help:
Bienvenida
Contenido de la ayuda
Búsqueda
Ayuda dinámica
Clave ayudar
Consejos y trucos
Hojas de trucos
Verificación de cambios
Instalar nuevo software
Sobre ADT
Es la barra de opciones que nos asesora en
caso de tengamos algún problema y no
sabemos como solucionarlo podemos
acudir a esta parte de eclipse.
Indica para crear un
nuevo proyecto
Guardar
Guardar
todo Imprimir
Siguiente
anotación
Anotación Anterior
Ultima Ubicación de
Edición
Hacia Adelante
El icono del menú representado como "una flecha con un
asterisco" sirve para colocar el cursor en el último punto del
código que fue modificado dentro del editor activo. Es
habitual que tras cambiar algo de código (por ejemplo, tras
escribir algunas instrucciones nuevas) movamos el cursor a
otra línea para revisar otra parte del programa. Si
deseáramos volver al punto en que añadimos el último
cambio (que suele ser el lugar por el que "íbamos
programando") tendríamos el problema solucionado con
sólo pulsar este icono de "ir al último lugar editado". Las
teclas rápidas asociadas son "CTRL + Q".
Y pulsando la flecha de "navegar hacia
delante" recorreremos el historial de
lugares visitados hacia los puntos más
recientes.
La vista de esquema muestra un
esquema de un archivo
estructurado que está
actualmente abierto en el área
de edición, y enumera los
elementos estructurales. El
contenido de la vista de
esquema es editor específico. En
el siguiente ejemplo, que es un
archivo de código fuente de
Java, los elementos estructurales
son clases, campos y métodos.
El contenido de la barra de
herramientas también es editor
También hay ahora un botón
etiquetado como "Open a
Perspective" que permite
acceder rápidamente a otras
perspectivas. Otro cambio es
que la perspectiva
"Install/Update" ha sido
eliminada, y puede accederse
a sus funciones
seleccionando "Help >
Software Update".
Sirve para abrir la
consola
revisar todos los proyectos
advertencias pelusa claras
omitir las dependencias del proyecto
de biblioteca
Nuevo proyecto en
XML
Depurar como
Configuraciones de
depuración
Organizar favoritos
Correr
Ultima Herramienta de
Gestión
Aquí es para hacer nuevas clases de java,
con sus diferentes tipos, como se muestra
en la imagen
Clase de prueba de
Unidad
Clases
Interface
Enum
Anotación
Tipo Abierto
Este indica búsqueda,
además de las diferentes
que se pueden hacer
dentro de este.
Omitir todos los
puntos de
interrupción.
PAQUETE VISTA DEL EXPLORADOR
La vista Explorador de paquetes,
que se muestra por defecto en
la perspectiva Java, muestra el
elemento de jerarquía de los
proyectos de Java en su mesa
de trabajo Java. Le proporciona
una vista en Java específica de
los recursos que se muestran en
el Navegador. La jerarquía de
elementos se deriva de caminos
de construcción del proyecto.
Contraer Todo- Contrae todos
los nodos del árbol
Enlace con el Editor- Enlaces
selección del paquete de
explorador al editor activo.
Filtros-Abre el diálogo de
filtros de elementos de Java.
• Espalda-Navega hasta el estado más visualizado recientemente de la vista con un elemento
diferente en el nivel superior.
• Adelante-Se desplazaal estado de la vista con un elemento diferente en el nivel superior que
se muestra inmediatamente después de la situaciónactual.
• Arriba-Se desplaza al contenedorprincipal delpaquete que se muestra actualmenteen el
nivel superior en la vista.
• Top Elementos Nivel> Proyectos
Muestra proyecto comoelementos de primer nivel en el Exploradorde paquetes. Sólo se muestran los
proyectos que forman parte de los conjuntosde trabajo actualmenteactivos.
Las siguientes acciones se pueden utilizar para configurar los conjuntos de
trabajo activos:
Seleccione Espacio de trabajo: Abre el diálogo Seleccionar conjunto de trabajo
para permitir la selección del trabajo creado a partir del cual se deben mostrar los
elementos.
Cancele la selección del conjunto de trabajo: Se cancelan los conjuntos de trabajo
activas. Todos los elementos se muestran después de invocar esta acción
• Editar ajuste activo de Trabajo: abre el asistente Editar conjunto de
trabajo para editar el conjunto de trabajo activo actualmente
• Top Elementos Nivel> conjuntos de trabajo
Muestra conjuntos de trabajo como elementos de primer nivel en el Explorador
de paquetes. Establece el Configurar Trabajo- acción puede ser utilizada para
abrir un cuadro de diálogo que permite configurar los conjuntos de trabajo
visibles.
Se encuentra a la derecha, se ha actualizado
para mostrarnos el esquema de clases actual. Esta
vista será útil cuando tengamos más clases, pero
por el momento sólo nos ocupa un poco de
espacio útil por lo que si lo desea puede
arrastrarla por encima de el “Package Explorer”,
para que quede oculta como un tab en ese mismo
sector. Una vez arrastrada, puede recuperar la vista
del “Package Explorer” con sólo hacer clic en el tab
correspondiente.
Todos los cambios anteriormente descritos son
efecto de haber
agregado la clase y por lo tanto están
relacionados. Por ejemplo, si Ud. hace doble-clic
sobre el nombre de una clase en el “Package
Explorer”, el editor mostrará el código para esta
clase. Lo mismo ocurrirá con los métodos de estas
y con otras cosas. No tenga miedo en explorar el
programa.
Propiedades
mostrar propiedades
avanzadas
ordenar alfabéticamente
restaurar el valor por defecto
expandir todo
colapsar todo
Antes de seguir con las funciones
que este programa contiene
hablaremos un poco del diseño del
mismo, para que sea menos
complejo a la hora de maniobrar
con el.
LA REPRESENTACION DE LA
PANTALLA:
El editor grafico diseño es la
pantalla principal que se utiliza
para el diseño visual y construya
su interfaz de usuario. Se divide en
las siguientes partes:
 *Lienzo:
En el medio del editor es el lienzo. Proporciona la vista
renderizada de su diseño y soporta arrastrar y soltar de la
interfaz de usuario widgets directamente de la paleta. Puede
seleccionar la versión de la plataforma utilizada para
representar los elementos en el lienzo. El lienzo también
ofrece acciones contextuales en la barra de acciones de
diseño, como el ajuste de los márgenes t la orientación de
diseño. Las acciones de diseño de barra muestra las acciones
disponibles en función del elemento de interfaz de usuario
seleccionado en el lienzo.
 Contorno:
En el lado derecho del edito es la vista de
esquema. Se muestra una vista jerárquica
de su presentación en la que se pueden
hacer cosas como reordenación de
opiniones. La vista de esquema expone
una funcionalidad similar a la lona, pero
muestra la presentación de una lista
ordenada en lugar de una vista previa
renderizada.
 Configuración Selector
En la parte superior del editor
es el selector de configuración.
Proporciona opciones para
cambiar el modo de
procesamiento o pantalla de
tipo de un diseño
Representación de la pantalla:
Esta será nuestra representación de la pantalla. En
esta parte aparecerá todo lo que nosotros
agreguemos desde nuestra paleta.
Propiedades:
 Aquí se nos mostraran las propiedades de los
objetos que agreguemos de la paleta a nuestra
pantalla.
Apartado .xml:
También veremos en el apartado de “.xml” la codificación de
nuestra pantalla. Podremos observar el código de los objetos
que agreguemos desde la paleta a nuestra pantalla para
poder modificar manualmente sus propiedades.
CARPETA LLAMADA
“SCR” QUE VIENE DE “SOURCE
CODE” -CÓDIGO FUENTE- ES
DONDE SE ALMACENARÁ
ORDENADO TODO EL CÓDIGO
QUE ESCRIBAMOS EN UN
FUTURO.
SE LLAMAPAQUETE,PEROESTO ES POR
JERGADE LA PROGRAMACIÓN
ORIENTADAA OBJETOS;PARAEFECTOS
ES UNA CARPETADENTRODE NUESTRO
PROYECTO
SE LLAMACLASE,ES COMO UN ARCHIVO
“.TXT”,SEA UN BLOCKDE NOTASO SI LO
PREFIERESUN WORD HABLANDOMAL.
PEROUNA CLASETIENELA EXTENSIÓN
“.JAVA”.
ARCHIVOSJAVA GENERADOSAQUÍ VAN LOS
ARCHIVOSQUEGENERAEL COMPILADOREN SUS
PASADAS,COMO EL ARCHIVODE RECURSOSR,
ESTA CARPETANORMALMENTENO SE DEBE
TOCAR.
DE RECURSOS VARIOS
ALMACENA RECURSOS QUE PUEDA
NECESITAR NUESTRAAPLICACIÓN,
COMO FICHEROS DE MÚSICA ETC.
PODREMOS ACCEDER A ELLOS
FÁCILMENTE CON LA CLASE DEL
SISTEMAASSETMANAGER
CLASE DE RECURSOS
ESTA CARPETA ES UNA DE LA QUE MÁS
VAMOS A USAR JUNTO CON SRC,
CONTIENE TODOS LOS RECURSOS
NECESARIOS PARA LAAPLICACIÓN.
TODOS LOS ARCHIVOS DE ESTA
CARPETA SON INDEXADOS POR EL
COMPILADOR Y SE GENERA EL
FICHERO DE RECURSOS R, QUE NOS
PERMITE ACCEDER A ELLOS DE UNA
FORMA RÁPIDA.
DRAWABLE: FICHEROS BITMAP(.PNG,
.9.PNG, .JPG, .GIF) O XML CON
CONTENIDOS QUE SE DIBUJARÁN
(FONDOS, BOTONES ETC).
LAYOUT: FICHEROS XML QUE
DEFINEN LA CAPA DE INTERFAZ
DE USUARIO.
XML: FICHEROS XML QUE
PUEDEN SER ACCEDIDOS EN
TIEMPO DE EJECUCIÓN.
MENU: FICHEROS XML CON
LA DEFINICIÓN DE LOS
MENÚS DE LAAPLICACIÓN.
VALUES: FICHEROS XML PARA LA
DEFINICIÓN DE ESTILOS, CADENAS
DE TEXTO PARA LOCALIZACIÓN
ETC.
(ANDROIDMANIFEST.XML)
EN ÉL SE DETALLAN LAS
CARACTERÍSTICAS
PRINCIPALES (MÓDULOS,
PERMISOS, NOMBRE,
ICONO…).
SON FICHEROS DE TEXTO QUE
PODEMOS USAR PARAALMACENAR
INFORMACIÓN, INICIALIZAR
VARIABLES, ESTABLECER MENSAJES O
EN GENERAL DEFINIR PARÁMETROS
(EN TUTORIALES ANTERIORES
HICIMOS USO DE ESTE TIPO DE
ARCHIVOS PARA DEFINIR RUTAS DE
SERVIDORES O PARÁMETROS DE
CONFIGURACIÓN).
ORDENAALFABÉTICAMENTE
MUESTRA PROPIEDADES AVANZADAS
RESTAURA LOS PARÁMETROS DEFINIDOS
REDUCIR TODO
EXPANDIR TODO
CONTROL DE LAS ENTRADAS SON LOS ELEMENTOS INTERACTIVOS EN LA
INTERFAZ DE USUARIO DE SU APLICACIÓN.ANDROID OFRECE UNA
AMPLIA VARIEDAD DE CONTROLES QUE PUEDE UTILIZAR EN LA
INTERFAZ DE USUARIO, COMO BOTONES, CAMPOS DE TEXTO, BARRAS
DE BÚSQUEDA, CASILLAS DE VERIFICACIÓN, BOTONES DE ZOOM,
BOTONES DE SELECCIÓN, Y MUCHOS MÁS.
PALETTE (PALETA):
La paleta proporciona acceso rápido a
los componentes de kit de
herramientas especificas, así como los
componentes personalizados instalados
por el usuario
Forma de
widgets
Transiciones Avanzado
Campos de
texto
Imágenes y
Media
Compuesto
Hora y fecha
Diseño
Vistas personalizadas
y bibliografíasOtro
BOTONES TOGGLE
UN BOTÓN DE CONMUTACIÓN PERMITE AL USUARIO CAMBIAR UN AJUSTE ENTRE DOS
ESTADOS. PUEDE AÑADIR UN BOTÓN DE PALANCA BÁSICA PARA EL DISEÑO CON EL
TOGGLEBUTTON OBJETO. ANDROID 4.0 (NIVEL DE API 14) INTRODUCE OTRO TIPO DE
BOTÓN DE ACTIVACIÓN LLAMA UN INTERRUPTOR QUE PROPORCIONA UN
CONTROL DESLIZANTE, QUE PUEDE AGREGAR CON UN INTERRUPTOR DE OBJETO.
FORM WIDGETS: Esta carpeta
sirve para diseñar
Vista de texto: Largo,
Mediano y Pequeño
Tipo de Botones:
-Botón Pequeño, de apagado,
Casilla de verificación y botón
de opción
Text Fields: Tipos de campos
Texto
Texto de contraseña
Numeros
Texto dirección de Correo
electrónico
LAYOUTS: suele
utilizarse para
nombrar al esquema
de distribución de los
elementos
Diseño de
cuadricula: Sirve
para acomodar
componentes en
los paneles,
dividiendo en filas
columnas
Diseño Lineal: Sirve
para colocar vistas
en una misma fila o
columna
Su principal
característica es que los
widgets que estén
dentro de este
contenedor basaran su
posición en relación con
otros elementosFragmento: 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
Incluir otro diseño
Agrupa
componentes en
filas ycolumnas
Representa una fila de la
tabla y que las vistas que
contengan harán las
veces de columnas
Espacio
COMPOSITE: es un
compuesto
Visualiza una lista
deslizable
verticalmente de varios
elementos, donde
cada elemento puede
definirse como un
Layout
Vista Ampliable
Vista de cuadricula:
nos muestra una
serie de elementos
en forma de tabla y
elementos
Vista de
desplazamiento:
Contenedor que ofrece
una barra de
desplazamiento para el
contenido que
pongamos dentro de el
Vista de
búsqueda
Vista web
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 de la
imagen: permite
mostrar imágenes
en la aplicación
Galería
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 escandalo y tintado
Controlador de
medios: Creara 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 la imagen:
Permite mostrar
imágenes en la
aplicación.
Selector de hora
Selector de fechas
Vista del calendario
Cronometro
Time & Date: tiene selector
de temporizador, selector de
flechador, cronometro etc.
Transitions: Sirve para
la vista de la textura y
arriba selector de
numero.. Adaptador de
vista flipper
Lista de
modificadores
Conmutador de
texto
Vista flipper
Vista de
animación
Vista de
conmutador
Advanced: Sirve para
la vista de la textura,
vista de arriba,
selector de numero
solicitud de enfoque,
etc.
Solicitud de
Atención
Numero
selector
Vista del trozo
Textura Visión
Gesto vista de
superposición
A
Vista de la
superficie
Disposición
absoluta
Elemento de la
lista dos líneas
Filtro
marcador
UN PULSADOR QUE PUEDE SER
PRESIONADO, O SE HACE CLIC, POR EL
USUARIO PARA REALIZAR UNAACCIÓN.
EDITAR TEXTO ES UNA FINA CAPA
SOBRE TEXTVIEW QUE SE CONFIGURAA
SÍ MISMO PARA SER EDITABLE.
LOS BOTONES DE RADIO SE UTILIZAN NORMALMENTE
JUNTOS EN UN RADIOGROUP . CUANDO VARIOS BOTONES
DE OPCIÓN VIVEN DENTRO DE UN GRUPO DE RADIO,
CONTROL DE UN BOTÓN DE RADIO Y DESACTIVA TODOS
LOS DEMÁS.
UNA CASILLA DE
VERIFICACIÓN ES UN TIPO
ESPECÍFICO DE BOTÓN DE DOS
ESTADOS QUE SE PUEDEN
ACTIVAR O DESACTIVARLA.
TEXTO
LARGO
TEXTO
MEDIANO
TEXTO
PEQUEÑO
UNA LISTA
DESPLEGABLE
QUE PERMITE AL
USUARIO
SELECCIONAR UN
VALOR DE UN
CONJUNTO.
LOS CAMPOS DE TEXTO
UN CAMPO DE TEXTO LE PERMITE AL USUARIO
ESCRIBIR TEXTO EN SU APLICACIÓN. PUEDE
SER DE UNA SOLA LÍNEA O DE MÚLTIPLES
LÍNEAS. SI TOCA UN CAMPO DE TEXTO COLOCA
EL CURSOR Y MUESTRAAUTOMÁTICAMENTE
EL TECLADO. ADEMÁS DE ESCRIBIR, LOS
CAMPOS DE TEXTO PERMITEN UNA VARIEDAD
DE OTRAS ACTIVIDADES, COMO LA SELECCIÓN
DE TEXTO (CORTAR, COPIAR, PEGAR) Y DATOS
DE CONSULTAA TRAVÉS DE AUTO-
REALIZACIÓN.
SON UTILIZADOS PARA
AGREGAR UN TEXTO
INGRESAR VALORES,
CONTRASEÑAS, FECHAS,
HORAS, CORREOS.
SIRVE PARA DISEÑAR
CUADRICULAS, DISEÑAR LÍNEAS
HORIZONTALES Y VERTICALES,
DISEÑO DE MARCOS, AGREGAR
FRAGMENTOS, ESPACIOS.
DISEÑO DE CUADRICULA
DISEÑO LINEAL: SIRVE PARA
COLOCAR VISTAS EN UNA
MISMA FILA O COLUMNA
DISEÑO DE
MARCOS
FRAGMENTO: PUEDE
AÑADIRSE O ELIMINARSE DE
UNA INTERFAZ DE FORMA
INDEPENDIENTE AL RESTO
DE ELEMENTOS.
INCLUIR OTRO
DISEÑO
AGRUPA
COMPONENTES EN
FILAS Y
COLUMNAS
REPRESENTA UNA FILA
DE LA TABLA Y LAS
VISTAS QUE
CONTENGAN ARA LAS
VECES DE COLUMNAS.
ESPACIO
SIRVE PARA LA VISTA DE
DESPLAZAMIENTO HORIZONTAL, PARA
LA VISTA DE LA LÍNEA, LA VISTA DE
BÚSQUEDA, PARA DESLIZAMIENTOS,
PARA LA VISTA DE CUADRICULA, VISTA
DEL DESPLAZAMIENTO.
SIRVE PARA LA VISTA DE IMÁGENES
PARA INSERTAR BOTONES DE
IMAGEN, TIENE OPCIÓN PARA
BUSCAR LAS IMÁGENES EN
GALERÍA, TAMBIÉN TIENE
CONTROLADOR DE MEDIOS DE
COMUNICACIÓN Y PARA VER VIDEO.
TIENE SELECTOR DE TEMPORIZADOR,
SELECTOR DE FLECHADOR,
CRONOMETRO, TIMEPICKER,
DATEPICKER.
SIRVE PARA LA VISTA DE LA
TEXTURA, VISTA DE ARRIBA,
SELECTOR DE NUMERO,
COLORES Y TIPOS DE TEXTOS.
LA CARPETA SIRVE PARA
PONER EL RELOJ DE
TEXTO COMO TEXTCLOCK
SIRVE PARA VISTA DE
GRÁFICOS.
BOTÓN PARA
ACTUALIZAR
Borra la consola actualmente
activa, y está disponible
como un mandatode vista y
un elementodel menú
contextual .
Cambios en caso de bloqueo
de desplazamiento debe ser
activado o no en la consola
actual .
Abre una listade las
consolas actuales y le
permiteseleccionarcuál te
gustaríaver .
Prendedores la consola actual a
permanecer en la parte superior
de todas las otras consolas .
Abre una nueva
consola del tipo
seleccionado.
LA VISTA DE CONSOLA
MUESTRA UNA VARIEDAD DE
TIPOS DE CONSOLA ,
DEPENDIENDO DEL TIPO DE
DESARROLLO Y EL CONJUNTO
ACTUAL DE LA
CONFIGURACIÓN DEL
USUARIO .
El editor gráfico diseño es la pantalla principal que se utiliza para el diseño visual y construya su interfaz de
usuario. Se divide en las siguientes partes:
Lienzo
En el medio del editor es el lienzo. Proporciona la vista renderizada de su diseño y soporta arrastrar y soltar de
la interfaz de usuario Widgets directamente de la paleta. Puede seleccionar la versión de la plataforma
utilizada para representar los elementos en el lienzo. El lienzo también ofrece acciones contextuales en la barra
de acciones de diseño, como el ajuste de los márgenes y la orientación de diseño. Las acciones de diseño de
barras muestra las acciones disponibles en función del elemento de interfaz de usuario seleccionado en el lienzo.
Contorno
En el lado derecho del editor es la vista de esquema. Se muestra una vista jerárquica de su presentación en la
que se pueden hacer cosas como reordenación de opiniones. La vista de esquema expone una funcionalidad
similar a la lona, pero muestra la presentación de una lista ordenada en lugar de una vista previa renderizada.
Paleta
En el lado izquierdo del editor es la paleta. Proporciona un conjunto de widgets que se pueden arrastrar al
lienzo. Los espectáculos de la paleta prestados vistas previas de los widgets para fácil búsqueda de widgets de
interfaz de usuario que desee.
Configuración Selector
En la parte superior del editor es el selector de configuración. Proporciona opciones para cambiar el modo de
procesamiento o pantalla de tipo de un diseño.
configuración de tu render este diseño con
eclipsada
un nexo
ir al siguiente estado
Temas
actividad asociada
de contexto
fragmento
proporcionando
localización para su
empleo generar
presentaciones en Eclipse
Versión del Android
ancho relleno de palanca
Largo relleno de palanca
márgenes de cambio
cambio de gravedad
Mostrar restricciones
mostrar todas las relaciones
Los 5 iconos son
de ZOOM
tamaño de la
pila
recolector de basura al ejecutar
restaurar
problemas
Documento java
declaración
Disposición
absoluta
Elemento de la
lista dos líneas
Filtro
marcador
Al hacer clic
Armar diseño
Anchura
Etiqueta
Se puede
hacer clic
Alineación
Contenido de la
descripción
Altura
Vista grupos
Propiedades
Ordenar
alfabéticamente
Mostrar propiedades
avanzadas
Restaurar el valor por
defecto
Colapsar todo
Expandir todo
Borra la consola
actualmente activa y
esta disponible como
un mandato de vista y
un elemento del menú
contextual
Cambios en caso de
bloqueo de
desplazamiento
debe ser activado o
no en la consola
actual
LA VISTA DE CONSOLA
MUESTRA UNA VARIEDAD
DE TIPOS DE CONSOLA,
DEPENDIENDO DEL TIPO DE
DESARROLLO Y EL
CONJUNTO ACTUAL DE LA
CONFIURACION DEL
USUARIO
Prendedores la consola actual
a permanecer en la parte
superior de todas las otras
consolas
-Abre una lista de
las consolas
actuales y le
permite seleccionar
cual
Abre una nueva
consola del tipo
seleccionado
Se encuentra a la derecha, se
ha actualizado para mostrarnos
el esquema de clase actual. Esta
vista será útil cuando tengamos
mas clases pero por el
momento solo nos ocupa un
poco de espacio útil por lo que
si lo deseas puede arrastrarla
por encima de el “Package
Explorer”, para que quede
oculta como un tab en ese
mismo sector.
Una vez arrastrada, puede recuperar la vista del
Package Explorer con solo hacer clic en el tab
correspondiente.
Todos los cambios anteriormente descritos son
efectos de haber agregado las clases y por lo tanto
están relacionados. Por ejemplo, si Ud. Hace doble
clic sobre el nombre de una clase en el “Package
Explorer”, el editor mostrara el código para esta clase.
Lo mismo ocurrirá con os métodos de estas y con
otras cosas. No tenga miedo en explorar el programa.
LA
Composición :
Composite
Verlo en forma de
lista
Insertar una lista
expandible
Vista cuadriculada Vista en vertical
Vista en horizontal Vista como
buscador
Insertar un cajón
deslizante Diferentes tipos de
tablas
Vista como web
Images & media
Vista imagen Insertar un
botón imagen
Insertar una
imagen o video de
tu galería
Vista video
Insertar un
controlador de
los videos
Time & Date
Insertar un
selector de hora Insertar un
selector de flechas
Insertar vista
calendario
Insertar un
cronometro
analógico
Insertar un
cronometro Insertar un reloj
digital
Transitions
Insertar una
imagen adelante
del texto
Insertar una imagen
que se mueva para
un el lado izquierdo
o derecho
Insertar el texto
delante de la
imagen
Vista pila
Vista animador
Vista delante del
texto
Vista múltiple
Advanced
Gestiona los
sucesos asociados
al cambio de foco
Insertar atributos que
pueden en usados
con otras subclases
Insertar una
extensión XML Insertar una clase
atributo con nombre
Inserta atributos
específicos Vista de textura
Vista de la superficie
Insertar selector de
números Insertar un botón
para el zoom
Insertar controles
de zoom
Continuación
Insertar un filtro
de llamada Insertar doble lista
con línea
Insertar un rango
absoluto
Other
Insertar la hora en
forma de texto
Custom & Library Views
Aquí se ponen archivos
que el usuario crea para
usarlos en su aplicación
Conclusion
A pesar de ser algo complicado este software, puede sernos muy útil, ya que
tiene muchas funciones para lograr hacer el programa que nosotros
queramos.
José Adrián Aquino Pérez
Conclusión:
Aquí pudimos apreciar las funciones que se desarrollan dentro del programa
eclipse y en que consiste cada una para así poderle dar un mejor uso y no
complicarnos tanto a la hora de hacer un programa .
Sarahi Beatriz Hernández
Martínez
Bibliografía
http://developer.android.com/guide/topics/ui/controls/spinner.html
http://androideity.com/2012/02/13/pestanas-en-android-usando-eclipse/
http://elbauldelprogramador.com/programacion-android-hola-mundo/
http://jarroba.com/espacio-de-trabajo-para-guardar-los-proyectos-que-creemos-en-eclipse/
https://es.wikipedia.org/wiki/Eclipse_(software)

Más contenido relacionado

La actualidad más candente

Try Jetpack Compose
Try Jetpack ComposeTry Jetpack Compose
Try Jetpack ComposeLutasLin
 
Declarative UIs with Jetpack Compose
Declarative UIs with Jetpack ComposeDeclarative UIs with Jetpack Compose
Declarative UIs with Jetpack ComposeRamon Ribeiro Rabello
 
Node Architecture and Getting Started with Express
Node Architecture and Getting Started with ExpressNode Architecture and Getting Started with Express
Node Architecture and Getting Started with Expressjguerrero999
 
Angular - Chapter 4 - Data and Event Handling
 Angular - Chapter 4 - Data and Event Handling Angular - Chapter 4 - Data and Event Handling
Angular - Chapter 4 - Data and Event HandlingWebStackAcademy
 
AEM Sightly Template Language
AEM Sightly Template LanguageAEM Sightly Template Language
AEM Sightly Template LanguageGabriel Walt
 
Introduction to Spring Boot!
Introduction to Spring Boot!Introduction to Spring Boot!
Introduction to Spring Boot!Jakub Kubrynski
 
Angular interview questions
Angular interview questionsAngular interview questions
Angular interview questionsGoa App
 
Abapgit kurulum kullanım
Abapgit kurulum kullanımAbapgit kurulum kullanım
Abapgit kurulum kullanımEliflknurNACAR
 
Angular 2 Essential Training
Angular 2 Essential Training Angular 2 Essential Training
Angular 2 Essential Training Patrick Schroeder
 
Angular - Chapter 2 - TypeScript Programming
Angular - Chapter 2 - TypeScript Programming  Angular - Chapter 2 - TypeScript Programming
Angular - Chapter 2 - TypeScript Programming WebStackAcademy
 
Herramientas de eclipse
Herramientas de eclipseHerramientas de eclipse
Herramientas de eclipseJacqueline98
 

La actualidad más candente (20)

Spring aop
Spring aopSpring aop
Spring aop
 
Try Jetpack Compose
Try Jetpack ComposeTry Jetpack Compose
Try Jetpack Compose
 
Declarative UIs with Jetpack Compose
Declarative UIs with Jetpack ComposeDeclarative UIs with Jetpack Compose
Declarative UIs with Jetpack Compose
 
Node Architecture and Getting Started with Express
Node Architecture and Getting Started with ExpressNode Architecture and Getting Started with Express
Node Architecture and Getting Started with Express
 
AngularJS
AngularJS AngularJS
AngularJS
 
Componentes de eclipse
Componentes de eclipseComponentes de eclipse
Componentes de eclipse
 
Angular - Chapter 4 - Data and Event Handling
 Angular - Chapter 4 - Data and Event Handling Angular - Chapter 4 - Data and Event Handling
Angular - Chapter 4 - Data and Event Handling
 
CSS
CSSCSS
CSS
 
AEM Sightly Template Language
AEM Sightly Template LanguageAEM Sightly Template Language
AEM Sightly Template Language
 
Introduction to Spring Boot!
Introduction to Spring Boot!Introduction to Spring Boot!
Introduction to Spring Boot!
 
Angular interview questions
Angular interview questionsAngular interview questions
Angular interview questions
 
Top java script frameworks ppt
Top java script frameworks pptTop java script frameworks ppt
Top java script frameworks ppt
 
Abapgit kurulum kullanım
Abapgit kurulum kullanımAbapgit kurulum kullanım
Abapgit kurulum kullanım
 
Spring MVC
Spring MVCSpring MVC
Spring MVC
 
Spring Boot
Spring BootSpring Boot
Spring Boot
 
Angular 2 Essential Training
Angular 2 Essential Training Angular 2 Essential Training
Angular 2 Essential Training
 
Angular 9
Angular 9 Angular 9
Angular 9
 
Angular - Chapter 2 - TypeScript Programming
Angular - Chapter 2 - TypeScript Programming  Angular - Chapter 2 - TypeScript Programming
Angular - Chapter 2 - TypeScript Programming
 
Herramientas de eclipse
Herramientas de eclipseHerramientas de eclipse
Herramientas de eclipse
 
Html frames
Html framesHtml frames
Html frames
 

Similar a Mi tutorial-eclipse

Similar a Mi tutorial-eclipse (20)

Proyectoytzelyalonso (1)
Proyectoytzelyalonso (1)Proyectoytzelyalonso (1)
Proyectoytzelyalonso (1)
 
Tutorial de eclipse terminado yarker
Tutorial de eclipse terminado yarkerTutorial de eclipse terminado yarker
Tutorial de eclipse terminado yarker
 
Manual de usuarios_de_eclipse_jenny
Manual de usuarios_de_eclipse_jennyManual de usuarios_de_eclipse_jenny
Manual de usuarios_de_eclipse_jenny
 
Manual de eclpse emrt
Manual de eclpse emrtManual de eclpse emrt
Manual de eclpse emrt
 
Tutorial de eclipse
Tutorial de eclipseTutorial de eclipse
Tutorial de eclipse
 
Tutorial eclipse dc-(1)
Tutorial eclipse dc-(1)Tutorial eclipse dc-(1)
Tutorial eclipse dc-(1)
 
Tutorial eclipse
Tutorial eclipseTutorial eclipse
Tutorial eclipse
 
Tutorial de eclipse_terminado
Tutorial de eclipse_terminadoTutorial de eclipse_terminado
Tutorial de eclipse_terminado
 
Ide Eclipse, Breve Guía
Ide Eclipse, Breve GuíaIde Eclipse, Breve Guía
Ide Eclipse, Breve Guía
 
Eclipse 1 3
Eclipse 1 3Eclipse 1 3
Eclipse 1 3
 
eclipse
eclipseeclipse
eclipse
 
Tutorial de eclipsee
Tutorial de eclipseeTutorial de eclipsee
Tutorial de eclipsee
 
Eclipse tutorial
Eclipse tutorialEclipse tutorial
Eclipse tutorial
 
Josi22
Josi22Josi22
Josi22
 
Eclipse java en_espanol
Eclipse java en_espanolEclipse java en_espanol
Eclipse java en_espanol
 
Mi primera-hora-con-eclipse Tutorial
Mi primera-hora-con-eclipse TutorialMi primera-hora-con-eclipse Tutorial
Mi primera-hora-con-eclipse Tutorial
 
Tutorial 3
Tutorial 3Tutorial 3
Tutorial 3
 
Mi primera-hora-con-eclipse
Mi primera-hora-con-eclipseMi primera-hora-con-eclipse
Mi primera-hora-con-eclipse
 
Mi primera-hora-con-eclipse
Mi primera-hora-con-eclipseMi primera-hora-con-eclipse
Mi primera-hora-con-eclipse
 
Mi primera-hora-con-eclipse
Mi primera-hora-con-eclipseMi primera-hora-con-eclipse
Mi primera-hora-con-eclipse
 

Mi tutorial-eclipse

  • 1.
  • 2. ¿QUE ES ECLIPSE? Es una plataforma de software compuesto por un conjunto de herramientas de programación de código abierto multiplataforma para desarrollar lo que el proyecto llama "Aplicaciones de Cliente Enriquecido", opuesto a las aplicaciones "Cliente-liviano" basadas en navegadores.
  • 3. ¿Dónde fue desarrollado el eclipse? Originalmente por IBM como el sucesor de su familia de herramientas para VisualAge. Eclipse es ahora desarrollado por la Fundación Eclipse, una organización independiente sin ánimo de lucro que fomenta una comunidad de código abierto y un conjunto de productos complementarios, capacidades y servicio
  • 4. CARACTERISTICAS: 1. Dispone de un editor de texto con resaltado de sintaxis donde puedes ver el contenido del fichero en el que estás trabajando. 2. Contiene una lista de tareas y otros módulos similares. 3. La compilación es en tiempo real. 4. Tiene pruebas unitarias con JUnit. 5. Integración con Ant, asistentes (wizards) para creación de proyectos, clases, tests, etc., y refactorización.
  • 6. El menú esta compuesto por las siguientes funciones de las cuales explicaremos la función que realizan dentro de este programa:
  • 7. En el entorno de desarrollo Eclipse todo archivo se almacena dentro de un proyecto. Esto quiere decir que todo documento, carpeta, archivo de código fuente(.java) y código compilado(.class) tiene que estar contenido dentro de un proyecto. Así pues, el primer paso antes de usar Eclipse para programar en java es comprender la estructura de eclipse.
  • 8.
  • 9. En el entorno de desarrollo Eclipse todo archivo se almacena dentro de un proyecto. Esto quiere decir que todo documento, carpeta, archivo de código fuente (.java) y código compilado (.class) tiene que estar contenido dentro de un proyecto. Así pues, el primer paso antes de usar Eclipse para programar en Java es comprender la estructura de proyectos de Eclipse. Es necesario crear un nuevo proyecto no sólo para desarrollar un nuevo programa de Java, sino para editar también archivos ya. Para crear un nuevo proyecto, seleccione en la línea de menús principal "File > New > Project. Expediente editar correr Navegar Búsqueda Proyecto Refactor ventana ayuda
  • 10. File: Un archivo es un conjunto de bits que son almacenados en un dispositivo identificado por un nombre y la descripción que la carpeta o directorio que lo contiene.
  • 11. Seleccionando "New >" en dicho menú se mostrará una lista con los diversos elementos de Java que pueden ser creados. Abrir expediente Cerrar Cerrar todo Guardar Guardar como Guardar todo Revertir Mover Renombrar Refrescar Convertir delimitadores de línea a Imprimir Interruptor de espacio de trabajo Reiniciar Importar Exportar Propiedades Salir Los archivos que se crean a través de este menú suelen almacenar notas e información general. Otros archivos tales como archivos de configuración, archivos "build" de ant y similares también pueden crearse de esta manera.
  • 12. Proyecto Paquete Clase Interfaz Enum Anotación Carpeta de origen Conjunto de trabajo java Carpeta Expediente Archivo de texto sin título Archivo xml Androide caso de prueba JUnit Ejemplo Otro Lista de tipos de elementos de java para crear nuevo proyecto:
  • 13. Tipos de Proyecto en Eclipse Hay varios tipos de proyectos de Eclipse que pueden ser creados: * Para crear o editar programas Java, un "Java Project" debería ser creado. Nótese que dentro de un proyecto de Java también puede almacenarse toda la información relacionada con el proyecto (la cual no tiene por qué reducirse estrictamente a código fuente, sino que también puede contener documentación y otros archivos relacionados). * Los "Simple Project" sólo deberían crearse para almacenar documentos y otros archivos, pero no código Java que se desee compilar. Por ello, siempre que se creen archivos ".java" sería recomendable crear un "Java Project". * Los "Plug-in Development Project" se usan para añadir nuevos módulos y funciones al entorno Eclipse. Estos proyectos sólo son necesarios si se es un desarrollador de Eclipse. * Los proyectos de "EMF" se utilizan para crear modelos de análisis y diseño. Puesto que este tutorial se centra en utilizar Eclipse para programar en Java, escogeremos crear un nuevo "Java Project" seleccionando "Java > Java Project" y haciendo clic en el botón "Next >" del asistente de creación.
  • 14. Project: Es un conjunto de actividades interrelacionadas con un inicio y una finalización definida, sus recursos son limitados por presupuestos. Todo esto para lograr el objetivo deseado.
  • 15. Java Proyect: Una serie de carpetas ordenadas y organizadas de acuerdo con una lógica para mantener organizado el código.
  • 16. Android Application Project: Para empezar a comprender cómo se construye una aplicación Android vamos a crear un nuevo proyecto Android en Eclipse y echaremos un vistazo a la estructura general del proyecto creado por defecto.
  • 17. Interface: Es la parte de un programa que permite el flujo de información entre un usuario y la aplicación, o entre la aplicación y otros programas o periféricos.
  • 18. Partes de la pestaña Edit: Deshacer Rehacer Recortar Copiar Pegar Borrar Seleccionar todo Buscar / Reemplazar Añadir marcador Añadir una tarea EDIT Para crear o editar programa Java, un "Java Project" debería ser creado. Nótese que dentro de un proyecto de Java también puede almacenarse toda la información relacionada con el proyecto (la cua no tiene por qué reducirse estrictamente a código fuente, sin que también puede contener documentación y otros archivos relacionados).
  • 19. Partes de la pestaña Navigate: Entra en Ir Abierta desde el portapapeles Tipo abierto Tipo abierto en la jerarquía Recurso abierto Espectáculo en ruta de navegación Mostrar en Siguiente Anterior Última ubicación de edición De regreso Hacia adelante Regreso Hacia adelante hasta el nivel recurso *Repositorios git *Paquete de explorador * Historial * Navegar *Explorador de proyectos *Propiedades
  • 20. Navigate La vista Navigator de la perspectiva Resource y la vista Package Explorer de la perspectiva Java contienen un directorio con el nombre del proyecto. Como se comento anteriormente, se puede pasar de una perspectiva a otra pulsando sobre los botones de la barra vertical izquierda.
  • 21. Partes de la pestaña Search: Búsqueda Expediente Texto Pruebas de referencia Espacio de trabajo Proyecto Expediente Conjunto de trabajo Declaraciones Implementadores Acceso de lectura Acceso de escritura Ocurrencias en archivo Prueba de referencia Para realizar una búsqueda dentro de Eclipse, el menú "Search" de la barra superior de menús debería ser seleccionado. También se pueden lanzar búsquedas pulsando el icono de linterna. Hay varios tipos de búsquedas dentro de Eclipse. La búsqueda de archivos "File Search" es una búsqueda textual que puede ser ejecutada sobre archivos de todo tipo. Es equivalente a una búsqueda tradicional.
  • 22. Manejo de archivos, manejo de texto, editores de texto. Ó lo deberían crearse para almacenar documentos y otros archivos, pero no código Java que se desee compilar. Por ello, siempre que se creen archivos ".java" sería recomendable crear un "Java Project".
  • 23. Partes de la pestaña Refactor: Rebautizar Movimiento Método de cambio de la firma Método extracto Extraer variable local Extraer constante En línea Convertir variable local de campo Convertir clase anónima a anidado Tipo de cambio a nuevo archivo Superclase extracto Interfaz extracto Súper tipo utilizar cuando sea posible Empuje hacia abajo Levantar Clase extracto Objeto de parámetro introduce Indirección intoduce Fábrica introduce Parámetro introduce Campo encapsular
  • 24. Refactor Muchas veces tenemos código ya hecho que está funcionando. También muchas veces necesitamos tocar ese código para que haga más cosas, para hacer más eficiente un algoritmo, más vistosa la salida del programa, porque tenemos otro proyecto que se parece, etc, etc.
  • 25. Partes de la pestaña Run: Correr Depurar Historial de ejecución Correr como Configuraciones de ejecución Historia de depuración Depuración como Configuraciones de depuración Punto de interrupción de palanca La línea de punto de interrupción de palanca Método de punto de interrupción de palanca Punto de observación de palanca Omitir todos los puntos de interrupción Eliminar todos los puntos de interrupción Añadir excepciones java puntos de interrupción Todas las referencias Todas las instancias Cuenta de instancias Ver Inspeccionar Visualización Ejecutar
  • 26. Run As El diálogo Configuración Run se puede invocar al seleccionar la opción de menú Ejecutar configuraciones en el menú Ejecutar .
  • 27. Partes de la pestaña Window: Nueva ventana Nuevo editor Perspectiva abierta Mostrar la presentación Personalizar perspectiva Salvar perspectiva como Perspectiva de reinicio Cerrar perspectiva Cerrar toda perspectiva Navegación Gerente SDK de Android Gerente de dispositivo virtual de Android Ejecutar pelusa androide Preferencias Es la barra de opciones que contiene eclipse para poder crear otros archivos tales como personalizar perspectiva
  • 28. Una perspectiva de Eclipse es una agrupación de vistas y editores de manera que den apoyo a una actividad completa del proceso de desarrollo software. Sin embargo, es posible crear perspectivas propias añadiendo nuevas vistas y cambiando su distribución en la pantalla. Las perspectivas pueden seleccionarse haciendo clic en los iconos de perspectiva del lateral izquierdo o eligiendo "Window > Open Perspective" del menú.
  • 29. Perspectivas: Resource: esta perspectiva está estrechamente relacionada con el sistema de archivos puesto que representa la localización física de los recursos almacenados dentro de los proyectos Java: esta perspectiva se centra en tareas de programación, mostrando paquetes, clases, métodos y atributos en sus vistas asociadas. Plug-in development: la perspectiva de desarrollo de plug-in permite a los desarrolladores añadir nuevos módulos de Eclipse. Install/Update: permite gestión de la configuración. Muestra los componentes instalados así como sus versiones y conflictos. Debug: relacionada con la tarea de depuración. Se centra en los procesos ejecutados, puntos de ruptura, variables, salida, etc. Java Browsing: esta perspectiva permite ojear rápidamente código, proyectos, paquetes y jerarquías.
  • 30. Partes de la pestaña Help: Bienvenida Contenido de la ayuda Búsqueda Ayuda dinámica Clave ayudar Consejos y trucos Hojas de trucos Verificación de cambios Instalar nuevo software Sobre ADT Es la barra de opciones que nos asesora en caso de tengamos algún problema y no sabemos como solucionarlo podemos acudir a esta parte de eclipse.
  • 31. Indica para crear un nuevo proyecto Guardar Guardar todo Imprimir Siguiente anotación Anotación Anterior Ultima Ubicación de Edición Hacia Adelante El icono del menú representado como "una flecha con un asterisco" sirve para colocar el cursor en el último punto del código que fue modificado dentro del editor activo. Es habitual que tras cambiar algo de código (por ejemplo, tras escribir algunas instrucciones nuevas) movamos el cursor a otra línea para revisar otra parte del programa. Si deseáramos volver al punto en que añadimos el último cambio (que suele ser el lugar por el que "íbamos programando") tendríamos el problema solucionado con sólo pulsar este icono de "ir al último lugar editado". Las teclas rápidas asociadas son "CTRL + Q".
  • 32. Y pulsando la flecha de "navegar hacia delante" recorreremos el historial de lugares visitados hacia los puntos más recientes. La vista de esquema muestra un esquema de un archivo estructurado que está actualmente abierto en el área de edición, y enumera los elementos estructurales. El contenido de la vista de esquema es editor específico. En el siguiente ejemplo, que es un archivo de código fuente de Java, los elementos estructurales son clases, campos y métodos. El contenido de la barra de herramientas también es editor También hay ahora un botón etiquetado como "Open a Perspective" que permite acceder rápidamente a otras perspectivas. Otro cambio es que la perspectiva "Install/Update" ha sido eliminada, y puede accederse a sus funciones seleccionando "Help > Software Update".
  • 33. Sirve para abrir la consola revisar todos los proyectos advertencias pelusa claras omitir las dependencias del proyecto de biblioteca Nuevo proyecto en XML Depurar como Configuraciones de depuración Organizar favoritos Correr Ultima Herramienta de Gestión
  • 34. Aquí es para hacer nuevas clases de java, con sus diferentes tipos, como se muestra en la imagen Clase de prueba de Unidad Clases Interface Enum Anotación Tipo Abierto Este indica búsqueda, además de las diferentes que se pueden hacer dentro de este. Omitir todos los puntos de interrupción.
  • 35. PAQUETE VISTA DEL EXPLORADOR La vista Explorador de paquetes, que se muestra por defecto en la perspectiva Java, muestra el elemento de jerarquía de los proyectos de Java en su mesa de trabajo Java. Le proporciona una vista en Java específica de los recursos que se muestran en el Navegador. La jerarquía de elementos se deriva de caminos de construcción del proyecto. Contraer Todo- Contrae todos los nodos del árbol Enlace con el Editor- Enlaces selección del paquete de explorador al editor activo. Filtros-Abre el diálogo de filtros de elementos de Java.
  • 36. • Espalda-Navega hasta el estado más visualizado recientemente de la vista con un elemento diferente en el nivel superior. • Adelante-Se desplazaal estado de la vista con un elemento diferente en el nivel superior que se muestra inmediatamente después de la situaciónactual. • Arriba-Se desplaza al contenedorprincipal delpaquete que se muestra actualmenteen el nivel superior en la vista. • Top Elementos Nivel> Proyectos Muestra proyecto comoelementos de primer nivel en el Exploradorde paquetes. Sólo se muestran los proyectos que forman parte de los conjuntosde trabajo actualmenteactivos.
  • 37. Las siguientes acciones se pueden utilizar para configurar los conjuntos de trabajo activos: Seleccione Espacio de trabajo: Abre el diálogo Seleccionar conjunto de trabajo para permitir la selección del trabajo creado a partir del cual se deben mostrar los elementos. Cancele la selección del conjunto de trabajo: Se cancelan los conjuntos de trabajo activas. Todos los elementos se muestran después de invocar esta acción • Editar ajuste activo de Trabajo: abre el asistente Editar conjunto de trabajo para editar el conjunto de trabajo activo actualmente • Top Elementos Nivel> conjuntos de trabajo Muestra conjuntos de trabajo como elementos de primer nivel en el Explorador de paquetes. Establece el Configurar Trabajo- acción puede ser utilizada para abrir un cuadro de diálogo que permite configurar los conjuntos de trabajo visibles.
  • 38. Se encuentra a la derecha, se ha actualizado para mostrarnos el esquema de clases actual. Esta vista será útil cuando tengamos más clases, pero por el momento sólo nos ocupa un poco de espacio útil por lo que si lo desea puede arrastrarla por encima de el “Package Explorer”, para que quede oculta como un tab en ese mismo sector. Una vez arrastrada, puede recuperar la vista del “Package Explorer” con sólo hacer clic en el tab correspondiente. Todos los cambios anteriormente descritos son efecto de haber agregado la clase y por lo tanto están relacionados. Por ejemplo, si Ud. hace doble-clic sobre el nombre de una clase en el “Package Explorer”, el editor mostrará el código para esta clase. Lo mismo ocurrirá con los métodos de estas y con otras cosas. No tenga miedo en explorar el programa.
  • 39. Propiedades mostrar propiedades avanzadas ordenar alfabéticamente restaurar el valor por defecto expandir todo colapsar todo
  • 40. Antes de seguir con las funciones que este programa contiene hablaremos un poco del diseño del mismo, para que sea menos complejo a la hora de maniobrar con el.
  • 41. LA REPRESENTACION DE LA PANTALLA: El editor grafico diseño es la pantalla principal que se utiliza para el diseño visual y construya su interfaz de usuario. Se divide en las siguientes partes:
  • 42.  *Lienzo: En el medio del editor es el lienzo. Proporciona la vista renderizada de su diseño y soporta arrastrar y soltar de la interfaz de usuario widgets directamente de la paleta. Puede seleccionar la versión de la plataforma utilizada para representar los elementos en el lienzo. El lienzo también ofrece acciones contextuales en la barra de acciones de diseño, como el ajuste de los márgenes t la orientación de diseño. Las acciones de diseño de barra muestra las acciones disponibles en función del elemento de interfaz de usuario seleccionado en el lienzo.
  • 43.  Contorno: En el lado derecho del edito es la vista de esquema. Se muestra una vista jerárquica de su presentación en la que se pueden hacer cosas como reordenación de opiniones. La vista de esquema expone una funcionalidad similar a la lona, pero muestra la presentación de una lista ordenada en lugar de una vista previa renderizada.
  • 44.  Configuración Selector En la parte superior del editor es el selector de configuración. Proporciona opciones para cambiar el modo de procesamiento o pantalla de tipo de un diseño
  • 45. Representación de la pantalla: Esta será nuestra representación de la pantalla. En esta parte aparecerá todo lo que nosotros agreguemos desde nuestra paleta.
  • 46. Propiedades:  Aquí se nos mostraran las propiedades de los objetos que agreguemos de la paleta a nuestra pantalla.
  • 47. Apartado .xml: También veremos en el apartado de “.xml” la codificación de nuestra pantalla. Podremos observar el código de los objetos que agreguemos desde la paleta a nuestra pantalla para poder modificar manualmente sus propiedades.
  • 48. CARPETA LLAMADA “SCR” QUE VIENE DE “SOURCE CODE” -CÓDIGO FUENTE- ES DONDE SE ALMACENARÁ ORDENADO TODO EL CÓDIGO QUE ESCRIBAMOS EN UN FUTURO.
  • 49. SE LLAMAPAQUETE,PEROESTO ES POR JERGADE LA PROGRAMACIÓN ORIENTADAA OBJETOS;PARAEFECTOS ES UNA CARPETADENTRODE NUESTRO PROYECTO SE LLAMACLASE,ES COMO UN ARCHIVO “.TXT”,SEA UN BLOCKDE NOTASO SI LO PREFIERESUN WORD HABLANDOMAL. PEROUNA CLASETIENELA EXTENSIÓN “.JAVA”. ARCHIVOSJAVA GENERADOSAQUÍ VAN LOS ARCHIVOSQUEGENERAEL COMPILADOREN SUS PASADAS,COMO EL ARCHIVODE RECURSOSR, ESTA CARPETANORMALMENTENO SE DEBE TOCAR.
  • 50. DE RECURSOS VARIOS ALMACENA RECURSOS QUE PUEDA NECESITAR NUESTRAAPLICACIÓN, COMO FICHEROS DE MÚSICA ETC. PODREMOS ACCEDER A ELLOS FÁCILMENTE CON LA CLASE DEL SISTEMAASSETMANAGER CLASE DE RECURSOS ESTA CARPETA ES UNA DE LA QUE MÁS VAMOS A USAR JUNTO CON SRC, CONTIENE TODOS LOS RECURSOS NECESARIOS PARA LAAPLICACIÓN. TODOS LOS ARCHIVOS DE ESTA CARPETA SON INDEXADOS POR EL COMPILADOR Y SE GENERA EL FICHERO DE RECURSOS R, QUE NOS PERMITE ACCEDER A ELLOS DE UNA FORMA RÁPIDA.
  • 51. DRAWABLE: FICHEROS BITMAP(.PNG, .9.PNG, .JPG, .GIF) O XML CON CONTENIDOS QUE SE DIBUJARÁN (FONDOS, BOTONES ETC). LAYOUT: FICHEROS XML QUE DEFINEN LA CAPA DE INTERFAZ DE USUARIO. XML: FICHEROS XML QUE PUEDEN SER ACCEDIDOS EN TIEMPO DE EJECUCIÓN. MENU: FICHEROS XML CON LA DEFINICIÓN DE LOS MENÚS DE LAAPLICACIÓN. VALUES: FICHEROS XML PARA LA DEFINICIÓN DE ESTILOS, CADENAS DE TEXTO PARA LOCALIZACIÓN ETC. (ANDROIDMANIFEST.XML) EN ÉL SE DETALLAN LAS CARACTERÍSTICAS PRINCIPALES (MÓDULOS, PERMISOS, NOMBRE, ICONO…).
  • 52. SON FICHEROS DE TEXTO QUE PODEMOS USAR PARAALMACENAR INFORMACIÓN, INICIALIZAR VARIABLES, ESTABLECER MENSAJES O EN GENERAL DEFINIR PARÁMETROS (EN TUTORIALES ANTERIORES HICIMOS USO DE ESTE TIPO DE ARCHIVOS PARA DEFINIR RUTAS DE SERVIDORES O PARÁMETROS DE CONFIGURACIÓN). ORDENAALFABÉTICAMENTE MUESTRA PROPIEDADES AVANZADAS RESTAURA LOS PARÁMETROS DEFINIDOS REDUCIR TODO EXPANDIR TODO
  • 53. CONTROL DE LAS ENTRADAS SON LOS ELEMENTOS INTERACTIVOS EN LA INTERFAZ DE USUARIO DE SU APLICACIÓN.ANDROID OFRECE UNA AMPLIA VARIEDAD DE CONTROLES QUE PUEDE UTILIZAR EN LA INTERFAZ DE USUARIO, COMO BOTONES, CAMPOS DE TEXTO, BARRAS DE BÚSQUEDA, CASILLAS DE VERIFICACIÓN, BOTONES DE ZOOM, BOTONES DE SELECCIÓN, Y MUCHOS MÁS.
  • 54. PALETTE (PALETA): La paleta proporciona acceso rápido a los componentes de kit de herramientas especificas, así como los componentes personalizados instalados por el usuario
  • 55. Forma de widgets Transiciones Avanzado Campos de texto Imágenes y Media Compuesto Hora y fecha Diseño Vistas personalizadas y bibliografíasOtro
  • 56.
  • 57. BOTONES TOGGLE UN BOTÓN DE CONMUTACIÓN PERMITE AL USUARIO CAMBIAR UN AJUSTE ENTRE DOS ESTADOS. PUEDE AÑADIR UN BOTÓN DE PALANCA BÁSICA PARA EL DISEÑO CON EL TOGGLEBUTTON OBJETO. ANDROID 4.0 (NIVEL DE API 14) INTRODUCE OTRO TIPO DE BOTÓN DE ACTIVACIÓN LLAMA UN INTERRUPTOR QUE PROPORCIONA UN CONTROL DESLIZANTE, QUE PUEDE AGREGAR CON UN INTERRUPTOR DE OBJETO.
  • 58. FORM WIDGETS: Esta carpeta sirve para diseñar Vista de texto: Largo, Mediano y Pequeño Tipo de Botones: -Botón Pequeño, de apagado, Casilla de verificación y botón de opción
  • 59. Text Fields: Tipos de campos Texto Texto de contraseña Numeros Texto dirección de Correo electrónico
  • 60. LAYOUTS: suele utilizarse para nombrar al esquema de distribución de los elementos Diseño de cuadricula: Sirve para acomodar componentes en los paneles, dividiendo en filas columnas Diseño Lineal: Sirve para colocar vistas en una misma fila o columna Su principal característica es que los widgets que estén dentro de este contenedor basaran su posición en relación con otros elementosFragmento: 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 Incluir otro diseño
  • 61. Agrupa componentes en filas ycolumnas Representa una fila de la tabla y que las vistas que contengan harán las veces de columnas Espacio
  • 62. COMPOSITE: es un compuesto Visualiza una lista deslizable verticalmente de varios elementos, donde cada elemento puede definirse como un Layout Vista Ampliable Vista de cuadricula: nos muestra una serie de elementos en forma de tabla y elementos Vista de desplazamiento: Contenedor que ofrece una barra de desplazamiento para el contenido que pongamos dentro de el Vista de búsqueda Vista web 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
  • 63. Vista de la imagen: permite mostrar imágenes en la aplicación Galería 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 escandalo y tintado Controlador de medios: Creara 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 la imagen: Permite mostrar imágenes en la aplicación.
  • 64. Selector de hora Selector de fechas Vista del calendario Cronometro Time & Date: tiene selector de temporizador, selector de flechador, cronometro etc.
  • 65. Transitions: Sirve para la vista de la textura y arriba selector de numero.. Adaptador de vista flipper Lista de modificadores Conmutador de texto Vista flipper Vista de animación Vista de conmutador
  • 66. Advanced: Sirve para la vista de la textura, vista de arriba, selector de numero solicitud de enfoque, etc. Solicitud de Atención Numero selector Vista del trozo Textura Visión Gesto vista de superposición A Vista de la superficie
  • 67. Disposición absoluta Elemento de la lista dos líneas Filtro marcador
  • 68. UN PULSADOR QUE PUEDE SER PRESIONADO, O SE HACE CLIC, POR EL USUARIO PARA REALIZAR UNAACCIÓN. EDITAR TEXTO ES UNA FINA CAPA SOBRE TEXTVIEW QUE SE CONFIGURAA SÍ MISMO PARA SER EDITABLE. LOS BOTONES DE RADIO SE UTILIZAN NORMALMENTE JUNTOS EN UN RADIOGROUP . CUANDO VARIOS BOTONES DE OPCIÓN VIVEN DENTRO DE UN GRUPO DE RADIO, CONTROL DE UN BOTÓN DE RADIO Y DESACTIVA TODOS LOS DEMÁS. UNA CASILLA DE VERIFICACIÓN ES UN TIPO ESPECÍFICO DE BOTÓN DE DOS ESTADOS QUE SE PUEDEN ACTIVAR O DESACTIVARLA. TEXTO LARGO TEXTO MEDIANO TEXTO PEQUEÑO UNA LISTA DESPLEGABLE QUE PERMITE AL USUARIO SELECCIONAR UN VALOR DE UN CONJUNTO.
  • 69. LOS CAMPOS DE TEXTO UN CAMPO DE TEXTO LE PERMITE AL USUARIO ESCRIBIR TEXTO EN SU APLICACIÓN. PUEDE SER DE UNA SOLA LÍNEA O DE MÚLTIPLES LÍNEAS. SI TOCA UN CAMPO DE TEXTO COLOCA EL CURSOR Y MUESTRAAUTOMÁTICAMENTE EL TECLADO. ADEMÁS DE ESCRIBIR, LOS CAMPOS DE TEXTO PERMITEN UNA VARIEDAD DE OTRAS ACTIVIDADES, COMO LA SELECCIÓN DE TEXTO (CORTAR, COPIAR, PEGAR) Y DATOS DE CONSULTAA TRAVÉS DE AUTO- REALIZACIÓN.
  • 70. SON UTILIZADOS PARA AGREGAR UN TEXTO INGRESAR VALORES, CONTRASEÑAS, FECHAS, HORAS, CORREOS.
  • 71. SIRVE PARA DISEÑAR CUADRICULAS, DISEÑAR LÍNEAS HORIZONTALES Y VERTICALES, DISEÑO DE MARCOS, AGREGAR FRAGMENTOS, ESPACIOS.
  • 72. DISEÑO DE CUADRICULA DISEÑO LINEAL: SIRVE PARA COLOCAR VISTAS EN UNA MISMA FILA O COLUMNA DISEÑO DE MARCOS FRAGMENTO: PUEDE AÑADIRSE O ELIMINARSE DE UNA INTERFAZ DE FORMA INDEPENDIENTE AL RESTO DE ELEMENTOS. INCLUIR OTRO DISEÑO AGRUPA COMPONENTES EN FILAS Y COLUMNAS REPRESENTA UNA FILA DE LA TABLA Y LAS VISTAS QUE CONTENGAN ARA LAS VECES DE COLUMNAS. ESPACIO
  • 73. SIRVE PARA LA VISTA DE DESPLAZAMIENTO HORIZONTAL, PARA LA VISTA DE LA LÍNEA, LA VISTA DE BÚSQUEDA, PARA DESLIZAMIENTOS, PARA LA VISTA DE CUADRICULA, VISTA DEL DESPLAZAMIENTO.
  • 74. SIRVE PARA LA VISTA DE IMÁGENES PARA INSERTAR BOTONES DE IMAGEN, TIENE OPCIÓN PARA BUSCAR LAS IMÁGENES EN GALERÍA, TAMBIÉN TIENE CONTROLADOR DE MEDIOS DE COMUNICACIÓN Y PARA VER VIDEO.
  • 75. TIENE SELECTOR DE TEMPORIZADOR, SELECTOR DE FLECHADOR, CRONOMETRO, TIMEPICKER, DATEPICKER.
  • 76. SIRVE PARA LA VISTA DE LA TEXTURA, VISTA DE ARRIBA, SELECTOR DE NUMERO, COLORES Y TIPOS DE TEXTOS.
  • 77. LA CARPETA SIRVE PARA PONER EL RELOJ DE TEXTO COMO TEXTCLOCK
  • 78. SIRVE PARA VISTA DE GRÁFICOS. BOTÓN PARA ACTUALIZAR
  • 79. Borra la consola actualmente activa, y está disponible como un mandatode vista y un elementodel menú contextual . Cambios en caso de bloqueo de desplazamiento debe ser activado o no en la consola actual . Abre una listade las consolas actuales y le permiteseleccionarcuál te gustaríaver . Prendedores la consola actual a permanecer en la parte superior de todas las otras consolas . Abre una nueva consola del tipo seleccionado. LA VISTA DE CONSOLA MUESTRA UNA VARIEDAD DE TIPOS DE CONSOLA , DEPENDIENDO DEL TIPO DE DESARROLLO Y EL CONJUNTO ACTUAL DE LA CONFIGURACIÓN DEL USUARIO .
  • 80. El editor gráfico diseño es la pantalla principal que se utiliza para el diseño visual y construya su interfaz de usuario. Se divide en las siguientes partes: Lienzo En el medio del editor es el lienzo. Proporciona la vista renderizada de su diseño y soporta arrastrar y soltar de la interfaz de usuario Widgets directamente de la paleta. Puede seleccionar la versión de la plataforma utilizada para representar los elementos en el lienzo. El lienzo también ofrece acciones contextuales en la barra de acciones de diseño, como el ajuste de los márgenes y la orientación de diseño. Las acciones de diseño de barras muestra las acciones disponibles en función del elemento de interfaz de usuario seleccionado en el lienzo.
  • 81. Contorno En el lado derecho del editor es la vista de esquema. Se muestra una vista jerárquica de su presentación en la que se pueden hacer cosas como reordenación de opiniones. La vista de esquema expone una funcionalidad similar a la lona, pero muestra la presentación de una lista ordenada en lugar de una vista previa renderizada. Paleta En el lado izquierdo del editor es la paleta. Proporciona un conjunto de widgets que se pueden arrastrar al lienzo. Los espectáculos de la paleta prestados vistas previas de los widgets para fácil búsqueda de widgets de interfaz de usuario que desee. Configuración Selector En la parte superior del editor es el selector de configuración. Proporciona opciones para cambiar el modo de procesamiento o pantalla de tipo de un diseño.
  • 82. configuración de tu render este diseño con eclipsada un nexo ir al siguiente estado Temas actividad asociada de contexto fragmento proporcionando localización para su empleo generar presentaciones en Eclipse Versión del Android ancho relleno de palanca Largo relleno de palanca márgenes de cambio cambio de gravedad Mostrar restricciones mostrar todas las relaciones Los 5 iconos son de ZOOM
  • 83. tamaño de la pila recolector de basura al ejecutar restaurar problemas Documento java declaración
  • 84.
  • 85. Disposición absoluta Elemento de la lista dos líneas Filtro marcador
  • 86. Al hacer clic Armar diseño Anchura Etiqueta Se puede hacer clic Alineación Contenido de la descripción Altura Vista grupos
  • 88. Borra la consola actualmente activa y esta disponible como un mandato de vista y un elemento del menú contextual Cambios en caso de bloqueo de desplazamiento debe ser activado o no en la consola actual LA VISTA DE CONSOLA MUESTRA UNA VARIEDAD DE TIPOS DE CONSOLA, DEPENDIENDO DEL TIPO DE DESARROLLO Y EL CONJUNTO ACTUAL DE LA CONFIURACION DEL USUARIO Prendedores la consola actual a permanecer en la parte superior de todas las otras consolas -Abre una lista de las consolas actuales y le permite seleccionar cual Abre una nueva consola del tipo seleccionado
  • 89. Se encuentra a la derecha, se ha actualizado para mostrarnos el esquema de clase actual. Esta vista será útil cuando tengamos mas clases pero por el momento solo nos ocupa un poco de espacio útil por lo que si lo deseas puede arrastrarla por encima de el “Package Explorer”, para que quede oculta como un tab en ese mismo sector.
  • 90. Una vez arrastrada, puede recuperar la vista del Package Explorer con solo hacer clic en el tab correspondiente. Todos los cambios anteriormente descritos son efectos de haber agregado las clases y por lo tanto están relacionados. Por ejemplo, si Ud. Hace doble clic sobre el nombre de una clase en el “Package Explorer”, el editor mostrara el código para esta clase. Lo mismo ocurrirá con os métodos de estas y con otras cosas. No tenga miedo en explorar el programa.
  • 92. Composite Verlo en forma de lista Insertar una lista expandible Vista cuadriculada Vista en vertical Vista en horizontal Vista como buscador Insertar un cajón deslizante Diferentes tipos de tablas Vista como web
  • 93. Images & media Vista imagen Insertar un botón imagen Insertar una imagen o video de tu galería Vista video Insertar un controlador de los videos
  • 94. Time & Date Insertar un selector de hora Insertar un selector de flechas Insertar vista calendario Insertar un cronometro analógico Insertar un cronometro Insertar un reloj digital
  • 95. Transitions Insertar una imagen adelante del texto Insertar una imagen que se mueva para un el lado izquierdo o derecho Insertar el texto delante de la imagen Vista pila Vista animador Vista delante del texto Vista múltiple
  • 96. Advanced Gestiona los sucesos asociados al cambio de foco Insertar atributos que pueden en usados con otras subclases Insertar una extensión XML Insertar una clase atributo con nombre Inserta atributos específicos Vista de textura Vista de la superficie Insertar selector de números Insertar un botón para el zoom Insertar controles de zoom
  • 97. Continuación Insertar un filtro de llamada Insertar doble lista con línea Insertar un rango absoluto
  • 98. Other Insertar la hora en forma de texto
  • 99. Custom & Library Views Aquí se ponen archivos que el usuario crea para usarlos en su aplicación
  • 100. Conclusion A pesar de ser algo complicado este software, puede sernos muy útil, ya que tiene muchas funciones para lograr hacer el programa que nosotros queramos. José Adrián Aquino Pérez
  • 101. Conclusión: Aquí pudimos apreciar las funciones que se desarrollan dentro del programa eclipse y en que consiste cada una para así poderle dar un mejor uso y no complicarnos tanto a la hora de hacer un programa . Sarahi Beatriz Hernández Martínez