GWT - Layout Panels

Os painéis de layout podem conter outros widgets. Esses painéis controlam a forma como os widgets são exibidos na interface do usuário. Cada widget Panel herda propriedades da classe Panel, que por sua vez herda propriedades da classe Widget e que por sua vez herda propriedades da classe UIObject.

Sr. Não. Widget e descrição
1 Classe GWT UIObject

Este widget contém texto, não interpretado como HTML usando um elemento <div>, fazendo com que seja exibido com layout de bloco.

2 Classe de widget GWT

Este widget pode conter texto HTML e exibe o conteúdo html usando um elemento <div>, fazendo com que seja exibido com layout de bloco.

3 Classe de painel GWT

Esta é uma classe base abstrata para todos os painéis, que são widgets que podem conter outros widgets.

Painéis de Layout

A seguir estão alguns painéis de layout importantes -

Sr. Não. Widget e descrição
1 FlowPanel

Este widget representa um painel que formata seus widgets filhos usando o comportamento de layout HTML padrão.

2 HorizontalPanel

Este widget representa um painel que coloca todos os seus widgets em uma única coluna horizontal.

3 VerticalPanel

Este widget representa um painel que coloca todos os seus widgets em uma única coluna vertical.

4 HorizontalSplitPanel

Este widget representa um painel que organiza dois widgets em uma única linha horizontal e permite ao usuário alterar interativamente a proporção da largura dedicada a cada um dos dois widgets. Os widgets contidos em um HorizontalSplitPanel serão automaticamente decorados com barras de rolagem quando necessário.

5 VerticalSplitPanel

Este widget representa um painel A que organiza dois widgets em uma única coluna vertical e permite ao usuário alterar interativamente a proporção da altura dedicada a cada um dos dois widgets. Os widgets contidos em um VertialSplitPanel serão decorados automaticamente com barras de rolagem quando necessário.

6 FlexTable

Este widget representa uma tabela flexível que cria células sob demanda. Ele pode ser denteado (ou seja, cada linha pode conter um número diferente de células) e células individuais podem ser definidas para abranger várias linhas ou colunas.

7 Rede

Este widget representa uma grade retangular que pode conter texto, html ou um widget filho dentro de suas células. Ele deve ser redimensionado explicitamente para o número desejado de linhas e colunas.

8 DeckPanel

painel que exibe todos os seus widgets filho em um 'deck', onde apenas um pode ser visível por vez. Ele é usado pelo TabPanel.

9 DockPanel

Este widget representa um painel que posiciona seus widgets filhos "encaixados" em suas bordas externas e permite que seu último widget ocupe o espaço restante em seu centro.

10 HTMLPanel

Este widget representa um painel que contém HTML e que pode anexar widgets filhos a elementos identificados nesse HTML.

11 TabPanel

Este widget representa um painel que representa um conjunto de páginas tabuladas, cada uma contendo outro widget. Seus widgets filhos são mostrados conforme o usuário seleciona as várias guias associadas a eles. As guias podem conter HTML arbitrário.

12 Composto

Este widget representa um tipo de widget que pode encapsular outro widget, ocultando os métodos do widget encapsulado. Quando adicionado a um painel, um composto se comporta exatamente como se o widget que envolve tivesse sido adicionado.

13 SimplePanel

Este widget representa uma classe base para painéis que contêm apenas um widget.

14 ScrollPanel

Este widget representa um painel simples que envolve seu conteúdo em uma área de rolagem

15 FocusPanel

Este widget representa um painel simples que torna seu conteúdo focalizável e adiciona a capacidade de capturar eventos de mouse e teclado.

16 FormPanel

Este widget representa um painel que envolve seu conteúdo em um elemento HTML <FORM>.

17 PopupPanel

Este widget representa um painel que pode pop upsobre outros widgets. Ele se sobrepõe à área do cliente do navegador (e quaisquer pop-ups criados anteriormente).

18 Caixa de diálogo

Este widget representa uma forma de pop-up que possui uma área de legenda na parte superior e pode ser arrastada pelo usuário. Ao contrário de um PopupPanel, as chamadas para PopupPanel.setWidth (String) e PopupPanel.setHeight (String) definirão a largura e a altura da própria caixa de diálogo, mesmo se um widget ainda não tiver sido adicionado.