Presentación de eclipse(componentes básicos)

34
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: 3

Transcript of 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.

Tipos de campos de texto Texto

Números

Texto dirección de correo electrónico

Texto de contraseña

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.

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

Personalizar y biblioteca de vista

Actualizar

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.

J