Download - Presentación de eclipse(componentes básicos)
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 AlvaradoAula: 31
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.
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:Adelante
Abrir perspectiva
Open type:tipo abierto
Next annotation: Próxima anotación
última edición
ubicación
Pestaña File (Expediente):
Para crear un nuevo proyecto
Para abrir un proyecto ya existentePara cerrar el proyecto
Para cerrar los proyectosabiertos
Para guardarPara guardar con otro nombre
Para guardar todoPara revertir lo hecho
Para mover
Para renombrar el proyectoPara actualizar Para convertir a
delimitadores de líneaPara imprimir
Interruptor del espacio de TrabajoPara reanudar
Para importar proyectos existentes Para importar proyectos existentes
Propiedades
La actividad
Para salir de eclipse
Pestaña Edit (Editar):
Deshacer el cambio de texto Rehacer el cambio de
textoCortar
Copiar
Pegar
Borrar
Seleccionar todo
Buscar / Reemplazar
Añadir a favoritos Añadir una
tarea
Pestaña Run (Correr):
CorrerDepurar
Historial de ejecución
Ejecutar comoConfiguraciones de ejecución
Historia de depuraciónDepurar
como Configuraciones de depuración
Punto de ruptura de la palanca Línea del punto de ruptura
de la palancaMétodo del punto de ruptura de la palanca Punto de observación
de la palancaOmitir todos los puntos de ruptura Eliminar todos los puntos de
rupturaAñ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
instanciaVerInspeccionarPantalla
EjecutarForzar a regresar
Entrar en la selecciónHerramientas
externas
Pestaña Navigate (Navegar):
Entrar Ir a
Abrir desde el portapapeles
Abrir tipo de archivoAbrir tipo de archivo
en jerarquía Abrir recursoLa miga de pan (técnica de navegación)
Mostrar en
SiguienteAnterior
Última ubicación de edición
AtrásAdelante
Pestaña Search (Búsqueda):
BuscarCarpeta
Java (código)
TextoReferencias
DeclaracionesImplementadores
Acceso de lecturaAcceso de escritura
Ocurrencias en el archivo
Pruebas de referencia
Pestaña Project (Proyecto):
Abrir un proyectoAbrir un proyecto
Construir todo
Construir proyectoConstruir el conjunto de trabajo
Limpiar
Construir automáticamenteGenerar documento de Java
Propiedades
Pestaña Refactor (Refactorizar):
Lenguaje que se esta utilizando
Cambiar el tipo de widgetCambiar de
diseño Remover el contenedorEnvolver en el
contenedor Extraer el estiloIncluir en la extracción
Extraer cadena Android
Pestaña Window (Ventana):
Nueva ventanaNuevo editor
Abrir perspectivaMostrar vista
Personalizar la perspectivaGuardar la perspectiva como
Restablecer la perspectivaCerrar 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
Pestaña Help (Ayuda):
Bienvenidos
Contenido de la ayudaBuscar
Ayuda dinámica
Ayuda claveConsejos y trucos
Hoja de trucos
Buscar actualizacionesInstalar nuevo software
Acerca de ADT (Android Development Tools)
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.
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.
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 WidgetsVista 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.
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 otrodiseño
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. Espaci
o
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
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
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
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 .
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 desplazarse con 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.
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.
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 tercera
Vista 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
proporciona un recurso de diseño estándar para
TwoLineListView (que no incluye un icono de objeto seleccionado), pero usted puede diseñar su propio
diseño XML personalizado para 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.
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 mediantecódigo Java.
Bibliografía:∞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/
∞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
∞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
∞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 AndroidAutor: Salvador Gómez Oliver. www.sgoliver.net
COMENTARIO PERSONAL
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.