Capítulo 5. Componentes de Interfaz de Usuario

Este capítulo proporciona una información general y una descripción detallada de todos los componentes de no-diseño en Vaadin.

5.1 Información General

Vaadin proporciona un conjunto completo de componentes de interfaz de usuario y le permite definir componentes personalizados. La Figura 5.1, "Diagrama de Herencia de los Componentes de Interfaz de Usuario" ilustra la jerarquía de herencia de las clases de los componentes de interfaz de usuario e interfaces. Las Interfaces se muestran en color gris, las clases abstractas en naranja, y las clases regulares en azul. Una versión anotada del diagrama aparece en la Hoja de Referencia de Vaadin.

Figura 5.1 Diagrama de Herencia de los Componentes de Interfaz de Usuario

En la parte superior de la jerarquía de interfaces, tenemos la interfaz Component. En la parte superior de la jerarquía de clases, tenemos la clase AbstractComponent. Que es heredada por otras dos clases abstractas AbstractField, heredada ademas por campos de componentes, y AbstractComponentContainer, heredada de varios contenedores y componentes de diseño. Los componentes que no están vinculados a un contenido de modelo de datos, tales como etiquetas y enlaces, heredan directamente de AbstractComponent.

El diseño de los distintos componentes en una ventana es controlada, lógicamente, por componentes de diseño, al igual que el convencional conjunto de herramientas de interfaz de usuario de Java para aplicaciones de escritorio. Además, con el componente CustomLayout, puede escribir un diseño personalizado como una plantilla XHTML que incluye la ubicación de cualquiera de los componentes contenido. Al mirar el diagrama de herencia, podemos ver que los componentes de diseño heredan las interfaces AbstractComponentContainer y Layout. Los componentes de diseño se describen en detalle en el Capítulo 6, Administrar el Diseño.

Mirándolo desde la perspectiva de una jerarquía de objetos, tendríamos un objeto Window, que contiene una jerarquía de componentes de diseño, que a su vez contienen otros componentes de diseño, componentes de campo, y otros componentes visibles.

Puede navegar por los componentes de interfaz de usuario incorporados en la librería Vaadin en la aplicación Sampler de la Demo de Vaadin. Sampler muestra una descripción, documentación JavaDoc, y un código de ejemplo para cada uno de los componentes.

Además de los componentes incorporados, muchos componentes están disponibles como complementos, ya sea desde el Directorio de Vaadin o desde fuentes independientes. Existen tanto componentes comerciales como libres. La instalación de los complementos se describe en el Capítulo 15, Usar Complementos Vaadin.

Apunte Escondido Vaadin y Refcard

La Figura 5.1, "Diagrama de Herencia de los Componentes de Interfaz de Usuario" es incluida en el Apunte Escondido Vaadin que muestra la jerarquía de la relación básica de los componentes de interfaz de usuario y las clases para vincular datos e interfaces. Puede descargarlo en http://dev.vaadin.com/browser/doc/trunk/cheatsheet/vaadin-cheatsheet-duplex.pdf.

El diagrama también es incluido en las seis páginas del DZone Refcard, el cual puede encontrarlo en https://vaadin.com/refcard.



Anterior
4.8. Configurar el Entorno de la Aplicación
Siguiente
5.2. Interfaces y Abstracciones

No hay comentarios.:

Publicar un comentario