GWT - Paneles de diseño
Los paneles de diseño pueden contener otros widgets. Estos paneles controlan la forma en que se muestran los widgets en la interfaz de usuario. Cada widget Panel hereda propiedades de la clase Panel que a su vez hereda propiedades de la clase Widget y que a su vez hereda propiedades de la clase UIObject.
No Señor. | Widget y descripción |
---|---|
1 | Clase UIObject de GWT Este widget contiene texto, no interpretado como HTML usando un elemento <div>, lo que hace que se muestre con un diseño de bloque. |
2 | Clase de widget GWT Este widget puede contener texto HTML y muestra el contenido html usando un elemento <div>, lo que hace que se muestre con un diseño de bloque. |
3 | Clase de panel GWT Esta es una clase base abstracta para todos los paneles, que son widgets que pueden contener otros widgets. |
Paneles de diseño
A continuación se muestran algunos paneles de diseño importantes :
No Señor. | Widget y descripción |
---|---|
1 | FlowPanel Este widget representa un panel que formatea sus widgets secundarios utilizando el comportamiento de diseño HTML predeterminado. |
2 | HorizontalPanel Este widget representa un panel que coloca todos sus widgets en una sola columna horizontal. |
3 | VerticalPanel Este widget representa un panel que coloca todos sus widgets en una sola columna vertical. |
4 | HorizontalSplitPanel Este widget representa un panel que organiza dos widgets en una sola fila horizontal y permite al usuario cambiar de forma interactiva la proporción del ancho dedicado a cada uno de los dos widgets. Los widgets contenidos en HorizontalSplitPanel se decorarán automáticamente con barras de desplazamiento cuando sea necesario. |
5 | VerticalSplitPanel Este widget representa un panel A que organiza dos widgets en una sola columna vertical y permite al usuario cambiar interactivamente la proporción de la altura dedicada a cada uno de los dos widgets. Los widgets contenidos en un VertialSplitPanel se decorarán automáticamente con barras de desplazamiento cuando sea necesario. |
6 | FlexTable Este widget representa una tabla flexible que crea celdas a pedido. Puede ser irregular (es decir, cada fila puede contener un número diferente de celdas) y las celdas individuales se pueden configurar para abarcar varias filas o columnas. |
7 | Cuadrícula Este widget representa una cuadrícula rectangular que puede contener texto, html o un widget secundario dentro de sus celdas. Debe redimensionarse explícitamente al número deseado de filas y columnas. |
8 | DeckPanel panel que muestra todos sus widgets secundarios en una 'plataforma', donde solo uno puede ser visible a la vez. Es utilizado por TabPanel. |
9 | DockPanel Este widget representa un panel que coloca sus widgets secundarios "acoplados" en sus bordes exteriores y permite que su último widget ocupe el espacio restante en su centro. |
10 | HTMLPanel Este widget representa un panel que contiene HTML y que puede adjuntar widgets secundarios a elementos identificados dentro de ese HTML. |
11 | TabPanel Este widget representa un panel que representa un conjunto de páginas con pestañas, cada una de las cuales contiene otro widget. Sus widgets secundarios se muestran cuando el usuario selecciona las diversas pestañas asociadas con ellos. Las pestañas pueden contener HTML arbitrario. |
12 | Compuesto Este widget representa un tipo de widget que puede envolver otro widget, ocultando los métodos del widget envuelto. Cuando se agrega a un panel, un compuesto se comporta exactamente como si se hubiera agregado el widget que envuelve. |
13 | SimplePanel Este widget representa una clase Base para paneles que contienen solo un widget. |
14 | ScrollPanel Este widget representa un panel simple que envuelve su contenido en un área desplazable |
15 | FocusPanel Este widget representa un panel simple que hace que su contenido sea enfocable y agrega la capacidad de capturar eventos de mouse y teclado. |
dieciséis | FormPanel Este widget representa un panel que envuelve su contenido en un elemento HTML <FORM>. |
17 | PopupPanel Este widget representa un panel que puede pop upsobre otros widgets. Se superpone al área del cliente del navegador (y cualquier ventana emergente creada previamente). |
18 | Caja de diálogo Este widget representa una forma de ventana emergente que tiene un área de título en la parte superior y puede ser arrastrada por el usuario. A diferencia de PopupPanel, las llamadas a PopupPanel.setWidth (String) y PopupPanel.setHeight (String) establecerán el ancho y el alto del cuadro de diálogo, incluso si aún no se ha agregado un widget. |