5,1. Información general

5,1. Información general

Capitulo 5. Piezas de interaccion de los usuarios.

Este capitulo suministra una vision general y una descripcion detallata de todos las piezas no-disenyables de Vaadin.

5,1. Información general

Vaadin suministra un pack comprensible de piezas de interaccion de los usuario que te permiten definir piezas personalizadas. Las Figura 5.1 “Diagrama de herencia de las piezas de interaccion de los usuarios” ilustra la heredacion jerarquica de las classes de piezas de interacciones de los usuarios i cuadros de interaccion. Los cuadros de interacciones son mostrados en gris, classes iconograficas en naranja, y classes normales en azul. Una version explicada de este diagrama es distribuido en el “CheatSheet - TrucosHojas” de Vaadin.

Figure 5.1. Diagrama de herencia de las piezas de interacciones de los usuarios.

At the top of the interface hierarchy, we have the Component interface. At the top of the class hierarchy, we have the AbstractComponent class. It is inherited by two other abstract classes: AbstractField, inherited further by field components, and AbstractComponentContainer, inherited by various container and layout components. Components that are not bound to a content data model, such as labels and links, inherit AbstractComponent directly.

The layout of the various components in a window is controlled, logically, by layout components, just like in conventional Java UI toolkits for desktop applications. In addition, with the CustomLayout component, you can write a custom layout as an XHTML template that includes the locations of any contained components. Looking at the inheritance diagram, we can see that layout components inherit the AbstractComponentContainer and the Layout interface. Layout components are described in detail in Chapter 6, Managing Layout.

Looking at it from the perspective of an object hierarchy, we would have a Window object, which contains a hierachy of layout components, which again contain other layout components, field components, and other visible components.

You can browse the built-in UI components of Vaadin library in the Sampler application of the Vaadin Demo. The Sampler shows a description, JavaDoc documentation, and a code samples for each of the components.

In addition to the built-in components, many components are available as add-ons, either from the Vaadin Directory or from independent sources. Both commercial and free components exist. The installation of add-ons is described in Chapter 15, Using Vaadin Add-ons.
Vaadin Cheat Sheet and Refcard

Figure 5.1, “UI Component Inheritance Diagram” is included in the Vaadin Cheat Sheet that illustrates the basic relationship hierarchy of the user interface components and data binding classes and interfaces. You can download it at http://dev.vaadin.com/browser/doc/trunk/cheatsheet/vaadin-cheatsheet-duplex.pdf.

The diagram is also included in the six-page DZone Refcard, which you can find at https://vaadin.com/refcard.