El documento describe los componentes principales de Eclipse que se utilizan para desarrollar aplicaciones móviles, incluyendo el editor, las perspectivas, el control de proyectos, las herramientas de ejecución y depuración, y la paleta de widgets. También explica la estructura básica de carpetas que se genera automáticamente para los proyectos Android en Eclipse.

1. CENTRO DE ESTUDIOS TECNOLÓGICOS INDUSTRIAL Y DE
SERVICIOS Nº 109
Sánchez Arteaga Esmeralda Guadalupe
4º BM
Programación
DESARROLLA APLICACIONES MÓVILES
Componentes de eclipse
Profesora: Margarita Romero Alvarado
Aula: 31

2. 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.

3. Save:
Guardar
New:
Nuevo
 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
Search:
Buscar
Previous
Annotation:
Anotacion anteriorç
 Back:
Atrás
Editor de PIN
 Floward:A
delante
Abrir perspectiva
Open type:
tipo abierto
Next annotation:
Próxima
anotación
última edición
ubicación

4. Pestaña File (Expediente):
Para crear un nuevo proyecto
Para abrir un proyectoya existente
Para cerrar el proyecto
Para cerrar los proyectos
abiertos
Para guardar
Para guardar con otro nombre
Para guardar todo
Para revertir lo hecho
Para mover
Para renombrar el proyecto
Para actualizar
Para convertir a delimitadores
de línea
Para imprimir
Interruptordel espacio de Trabajo
Para reanudar
Para importar proyectos existentes Para importar proyectos
existentes
Propiedades
La actividad
Para salir de eclipse

5. Pestaña Edit (Editar):
Deshacer el cambio de texto
Rehacer el cambio de texto
Cortar
Copiar
Pegar
Borrar
Seleccionar todo
Buscar / Reemplazar
Añadir a favoritos
Añadir una tarea

6. Pestaña Run (Correr):
Correr
Depurar
Historial de ejecución
Ejecutar comoConfiguraciones de ejecución
Historia de depuración
Depurar como
Configuraciones de depuraciónPunto de ruptura de la
palanca Línea del punto de ruptura de la
palancaMétododel punto de
ruptura de la palanca Punto de observación de la
palanca
Omitir todos los puntos de ruptura
Eliminar todos los puntos de ruptura
Añadir puntos de rotura a
excepción de java Añadir puntos de ruptura de carga
de la clase
Tipos de punto de ruptura
Todas las referencias
Todas las instancias
Conteo de instancia
Ver
Inspeccionar
Pantalla
Ejecutar
Forzar a regresar
Entrar en la selección
Herramientas externas

7. Pestaña Navigate (Navegar):
Entrar
Ir a
Abrir desde el
portapapeles
Abrir tipo de archivo
Abrir tipo de archivo en
jerarquía Abrir recurso
La miga de pan (técnica
de navegación) Mostrar en
Siguiente
Anterior
Última ubicación de
edición
Atrás
Adelante

8. Pestaña Search (Búsqueda):
Buscar
Carpeta
Java (código)
Texto
Referencias
Declaraciones
Implementadores
Acceso de lectura
Acceso de escritura
Ocurrencias en el archivo
Pruebas de referencia

9. Pestaña Project (Proyecto):
Abrir un proyecto
Abrir un proyecto
Construir todo
Construir proyecto
Construir el conjunto de
trabajo
Limpiar
Construir automáticamente
Generar documento de
Java
Propiedades

10. Pestaña Refactor (Refactorizar):
Lenguaje que se
esta utilizando Cambiar el tipo de widget
Cambiar de diseño
Remover el contenedor
Envolver en el contenedor
Extraer el estilo
Incluir en la extracción
Extraer cadena Android

11. Pestaña Window (Ventana):
Nueva ventana
Nuevo editor
Abrir perspectiva
Mostrar vista
Personalizar la perspectiva
Guardar la perspectiva como
Restablecer la perspectiva
Cerrar la perspectiva
Cerrar todas las perspectivas
NavegaciónSoftware Development Kit
(SDK): Con él podremos
desarrollar aplicaciones y
ejecutar un emulador del
sistema Android
(AVD): Nos permite
emular en una
computadora los
dispositivos móviles a los
que apunta nuestra
aplicación.Correr Android Lint:
Herramienta que analiza
nuestro código en busca de
posibles errores comunes.
Preferencias

12. Pestaña Help (Ayuda):
Bienvenidos
Contenido de la ayuda
Buscar
Ayuda dinámica
Ayuda clave
Consejos y trucos
Hoja de trucos
Buscar actualizaciones
Instalar nuevo software
Acerca de ADT (Android
Development Tools)

13. Cuando creamos un nuevo proyecto Android en Eclipse se genera automáticamente la
estructura de carpetas necesaria para poder generar posteriormente la aplicación. Esta
estructura será común a cualquier aplicación, independientemente de su tamaño y complejidad
Nombre de la carpeta de nuestro
proyecto
Contiene todo el código fuente
de la aplicación, interfaz
gráfica, clases auxiliares
Contiene una serie de elementos de
código generados
automáticamente al compilar el
proyecto
Contiene todos los demás
ficheros auxiliares
necesarios para la
aplicación.
Contiene todos los ficheros de
recursos necesarios para el
proyecto: imágenes , videos,
cadenas de texto.
Contiene las imágenes de la
aplicación. Para utilizar
diferentes recursos
dependiendo de la resolución
del dispositivo se puede dividir
en varias subcarpetas.
Contiene los ficheros de definición
de las diferentes pantallas de la
interfaz gráfica.
Contiene la definición de los
menús de la aplicación Contiene otros recursos de la
aplicación como por ejemplo
cadenas de texto, estilos, colores,
etc.
Contiene la definición en XML
de los aspectos principales de
la aplicación, como por
ejemplo su identificación, sus
componentes, o los permisos
necesarios para su ejecución.

14. Contiene los elementos
compilados de la aplicación y
otros ficheros auxiliares. Contendrá las librerías
auxiliares, normalmente en
formato “.jar” que utilicemos en
nuestra aplicación Android.

15. Paleta: Proporciona un conjunto de widgets que se pueden arrastrar al lienzo. La
paleta muestra vistas previas de los widgets para fácil búsqueda de widgets de
interfaz de usuario que desee.
Formas de Widgets
Vista de texto:
Largo, Mediano y PequeñoTipos de Botones:
Botón, Pequeño, de apagado,
Casilla de verificación y Botón
de opción.

16. Tipos de campos
de texto
Texto
Números
Texto dirección de
correo electrónico
Texto de contraseña

17. Layout suele utilizarse
para nombrar al esquema
de distribución de los
elementos dentro un
diseño.
Diseño de cuadrícula: Sirve
para acomodar componentes
en los paneles, dividiéndolo
en filas y 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
basarán su posición en
relación con los otros
elementos.
Diseño de marcos: Sitúa los
elementos usando toda la
pantalla y hace posible situar
unas vistas detrás de otras.
Incluir otro
diseño

18. 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.
Agrupa componentes en filas
y columnas.
Representa una fila de la tabla
y que las vistas que contengan
harán las veces de columnas.
Espacio

19. Compuesto
Visualiza una lista deslizable
verticalmente de varios
elementos, donde cada
elemento puede definirse
como un Layout
Vista ampliable
Vista de cuadrícula : Nos
muestra una serie de
elementos en forma de
tabla y que podemos
deslizar verticalmente.
Vista de desplazamiento:
Contenedor que ofrece una
barra de desplazamiento
para el contenido que
pongamos dentro de él.
Vista de búsqueda

20. 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

21. Imágenes y media
Vista de la imagen:
Permite mostrar imágenes
en la aplicación.
Botón de imagen: Puede
mostrar una imagen en su
superficie.
Galería Controlador de medios :
Creará un conjunto
predeterminado de los
controles y los puso en una
ventana flotante por
encima de su aplicación.
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

22. Hora y fecha Selector de hora: Una
vista de selección de
la hora del día , ya sea
en 24 horas o AM /
modo de PM .
Selector de fecha:
Proporciona un widget
para seleccionar una
fecha.
Calendar view: Es un
widget de calendario
para la visualización y
selección de fechas.
Cronómetro: Clase que
implementa un contador de
tiempo simple.
Reloj digital: Como un reloj análogo, pero digital. Muestra los segundos .

23. Transiciones
Conmutador de imagen:
permite añadir algunas
transiciones en las
imágenes a través de la
forma en que aparecen
en la pantalla.
Adaptador vista flipper:
creado principalmente
para su uso con los
widgets de aplicaciones.
Vista pila: Tipo de vista que
puede contener imágenes y
puede mostrarlas en forma
de pila, así como
desplazarsecon sus
imágenes de arriba abajo.
Es útil para animar una
etiqueta en la pantalla.
Vista animador: Clase base
para un contenedor
FrameLayout que realizará
animaciones cuando
cambie de sus puntos de
vista.
ViewAnimator simple
que animará entre
dos o más puntos de
vista que se han
añadido a la misma.
Vista switcher :
ViewAnimator que alterna
entre dos puntos de vista , y
tiene una fábrica de la que
se crean estos puntos de
vista. Puede utilizar la
fábrica para crear los
puntos de vista , o añadirlos
a ti mismo.

24. Avanzado
Asignar el foco a un
control determinado
Vista
Vista talón : Es invisible,
vista de tamaño cero que
puede ser utilizado para
inflar perezosamente
recursos de diseño en
tiempo de ejecución.
Cubierta transparente para
entrada de gestos que se
puede colocar en la parte
superior de otros widgets o
contener otros widgets.Textura visión : se puede
utilizar para mostrar un
flujo de contenido Vista de la superficie: Proporciona
una superficie de dibujo dedicado
incrustado dentro de una jerarquía
de vistas. Puede controlar el formato
de esta superficie y , si se quiere de
su tamaño; la SurfaceView se
encarga de la colocación de la
superficie en el lugar correcto en la
pantalla
Selector de número :
Widget que permite al
usuario seleccionar un
número de un rango
predefinido.

25. Botones de zoom
Convierte las letras en
texto de acuerdo con los
teclados de teléfono
pasadas de moda ( abc = 2,
def = 3 , etc. )
Un grupo de la vista y con dos hijos,
destinado a ser utilizado en
listviews. Este artículo tiene dos
elementos TextViews (o subclases)
con el texto1 valores de ID y texto2.
Hay una terceraVista elemento
opcional con el selectedIcon ID,
que puede ser cualquier View
subclase (aunque normalmente es
una vista gráfica,como ImageView
que se pueden mostrar cuando un
TwoLineListItem tiene el foco.
Android proporcionaun recurso de
diseño estándar para
TwoLineListView (que no incluye un
icono de objetoseleccionado),
pero usted puede diseñar su propio
diseño XML personalizadopara
este objeto.
Un diseño que le permite
especificar la ubicación exacta
(coordenadas x/y) de sus hijos.
AbsoluteLayouts son menos
flexibles y más difícil de
mantener que otros tipos de
diseños sin posicionamiento
absoluto.

26. Otras TextClock Puede mostrar la
fecha y/o hora actual como
una cadena con formato .

27. Personalizar y
biblioteca de vista
Actualizar

28. En esta sección se verán los
ficheros de nuestro proyecto
En este panel se muestran los
elementos del fichero de código que
estén abiertos en cada momento de
forma jerárquica.
En este panel se muestran los mensajes
enviados a la consola mediante
código Java.

29. ∞TextField:
http://developer.android.com/guide/topics/ui/controls/text.html
∞FormWidgets:
http://developer.android.com/guide/topics/ui/controls.html
∞TextView:
http://developer.android.com/reference/android/widget/TextView.html
∞CheckBox:
http://developer.android.com/reference/android/widget/CheckBox.html
∞Button:
http://developer.android.com/reference/android/widget/Button.html
∞RadioButton:
http://developer.android.com/guide/topics/ui/controls/radiobutton.html
∞Layout:
http://www.androidcurso.com/index.php/tutoriales-android/32-unidad-2-diseno-de-la-interfaz-de-usuario-
vistas-y-layouts/114-layouts
∞GridLayout:
http://developer.android.com/reference/android/widget/GridLayout.html
∞LinearLayout:
https://columna80.wordpress.com/2012/09/15/diseos-android-bsicos-linearlayout/
∞RelativeLayout:
http://developer.android.com/guide/topics/ui/layout/relative.html
∞FrameLayout:
http://developer.android.com/reference/android/widget/FrameLayout.html
∞Fragments:
http://www.sgoliver.net/blog/fragments-en-android/
∞TableLayout:
https://columna80.wordpress.com/2012/11/05/diseos-android-bsicos-tablelayout/

30. ∞TableRow:
http://developer.android.com/reference/android/widget/TableRow.html
∞ListView:
http://www.androidcurso.com/index.php/tutoriales-android/34-unidad-3-actividades-e-intenciones/128-la-
vista-listview
∞GridView:
http://www.androidcurso.com/index.php/tutoriales-android-avanzado/51-unidad-1-diseno-avanzado-de-
interfaces-de-usuario/358-gridview
∞ScrollView:
http://www.javaya.com.ar/androidya/detalleconcepto.php?codigo=150&inicio=
∞SearchView:
http://developer.android.com/reference/android/widget/SearchView.html
∞SlidingDrawer:
http://developer.android.com/reference/android/widget/SlidingDrawer.html
∞ImageView:
http://developer.android.com/reference/android/widget/ImageView.html
∞ImageButton:
http://developer.android.com/reference/android/widget/ImageButton.html
∞MediaController:
http://developer.android.com/reference/android/widget/MediaController.html
∞VideoView:
http://developer.android.com/reference/android/widget/VideoView.html
∞TimePicker:
http://developer.android.com/reference/android/widget/TimePicker.html
∞DatePicker:
http://developer.android.com/reference/android/widget/DatePicker.html
∞CalendarView:
http://developer.android.com/reference/android/widget/CalendarView.html
∞Chronometer:
http://developer.android.com/reference/android/widget/Chronometer.html
∞DigitalClock:
http://developer.android.com/reference/android/widget/DigitalClock.html

31. ∞ImageSwitcher:
http://developer.android.com/reference/android/widget/ImageSwitcher.html
∞StackView:
http://stackoverflow.com/questions/7477158/what-does-an-android-stackview-look-like
∞TextSwitcher:
http://developer.android.com/reference/android/widget/TextSwitcher.html
∞ViewAnimator:
http://developer.android.com/reference/android/widget/ViewAnimator.html
∞ViewFlipper:
http://developer.android.com/reference/android/widget/ViewFlipper.html
∞ViewSwitcher:
http://developer.android.com/reference/android/widget/ViewSwitcher.html
∞RequestFocus:
http://vi100.blogspot.mx/2011/11/como-asignar-el-foco-un.html
∞ViewStub:
http://developer.android.com/reference/android/view/ViewStub.html
∞GestureOverlayView:
http://developer.android.com/reference/android/gesture/GestureOverlayView.html
∞TuxtureView:
http://developer.android.com/reference/android/view/TextureView.html
∞SurfaceView:
http://developer.android.com/reference/android/view/SurfaceView.html
∞NumberPicker:
http://developer.android.com/reference/android/widget/NumberPicker.html
∞DialerFilter:
http://stackoverflow.com/questions/2671108/has-anyone-ever-tried-to-use-dialerfilter
∞TwoLineListItem:
http://developer.android.com/reference/android/widget/TwoLineListItem.html
∞AbsoluteLayout:
http://developer.android.com/reference/android/widget/AbsoluteLayout.html
∞TextClock:
http://developer.android.com/reference/android/widget/TextClock.html

32. ∞Nuesta estrella el Taductor Google:
https://translate.google.com/?hl=es
∞Bing Traslator:
http://www.bing.com/translator/
∞Libro “CURSO DE PROGRAMACIÓN EN ANDROID PARA PRINCIPIANTES”
Autor: Roberto P. de FAQSAndroid.com
∞Libro “Introducción a ArcGIS Runtime for Android”
Autor: Antonio Remírez Remírez.
∞Libro: Curso Programación Android
Autor: Salvador Gómez Oliver.
www.sgoliver.net

33. Eclipse es una herramienta muy útil que los programadores
puedan diseñar aplicaciones móviles, al principio es muy difícil
entenderle pero si se lleva una buena explicación de lo que es el
programa y las herramientas que se pueden utilizar en el, es
mucho más sencillo.
En internet no hay mucha información en español que nos pueda
servir, la mayoría de los sitios en los que se pueden consultar
cosas sobre eclipse son en inglés. Por lo que se dificulta
aprender o consultar dudas sobre como utilizar el programa.

34. J