GWT - Pannelli di layout

I pannelli di layout possono contenere altri widget. Questi pannelli controllano la modalità di visualizzazione dei widget sull'interfaccia utente. Ogni widget Panel eredita le proprietà dalla classe Panel che a sua volta eredita le proprietà dalla classe Widget e che a sua volta eredita le proprietà dalla classe UIObject.

Sr.No. Widget e descrizione
1 Classe GWT UIObject

Questo widget contiene testo, non interpretato come HTML utilizzando un elemento <div>, facendolo visualizzare con layout a blocchi.

2 Classe widget GWT

Questo widget può contenere testo HTML e visualizza il contenuto html utilizzando un elemento <div>, facendolo visualizzare con layout a blocchi.

3 Classe pannello GWT

Questa è una classe base astratta per tutti i pannelli, che sono widget che possono contenere altri widget.

Pannelli di layout

Di seguito sono riportati alcuni importanti pannelli di layout :

Sr.No. Widget e descrizione
1 FlowPanel

Questo widget rappresenta un pannello che formatta i suoi widget figlio utilizzando il comportamento di layout HTML predefinito.

2 Pannello orizzontale

Questo widget rappresenta un pannello che dispone tutti i suoi widget in un'unica colonna orizzontale.

3 VerticalPanel

Questo widget rappresenta un pannello che dispone tutti i suoi widget in un'unica colonna verticale.

4 HorizontalSplitPanel

Questo widget rappresenta un pannello che dispone due widget in una singola riga orizzontale e consente all'utente di modificare in modo interattivo la proporzione della larghezza dedicata a ciascuno dei due widget. I widget contenuti in un HorizontalSplitPanel verranno automaticamente decorati con barre di scorrimento quando necessario.

5 VerticalSplitPanel

Questo widget rappresenta un pannello A che dispone due widget in un'unica colonna verticale e consente all'utente di modificare in modo interattivo la proporzione dell'altezza dedicata a ciascuno dei due widget. I widget contenuti in un VertialSplitPanel verranno automaticamente decorati con barre di scorrimento quando necessario.

6 FlexTable

Questo widget rappresenta una tabella flessibile che crea celle su richiesta. Può essere frastagliato (ovvero, ogni riga può contenere un numero diverso di celle) e le singole celle possono essere impostate per estendersi su più righe o colonne.

7 Griglia

Questo widget rappresenta una griglia rettangolare che può contenere testo, html o un widget figlio all'interno delle sue celle. Deve essere ridimensionato esplicitamente al numero desiderato di righe e colonne.

8 DeckPanel

pannello che mostra tutti i suoi widget figli in un "mazzo", dove può essere visibile solo uno alla volta. È utilizzato da TabPanel.

9 DockPanel

Questo widget rappresenta un pannello che dispone i suoi widget figli "agganciati" ai bordi esterni e consente al suo ultimo widget di occupare lo spazio rimanente al centro.

10 HTMLPanel

Questo widget rappresenta un pannello che contiene HTML e che può allegare widget figlio a elementi identificati all'interno di tale HTML.

11 TabPanel

Questo widget rappresenta un pannello che rappresenta un insieme di pagine a schede, ognuna delle quali contiene un altro widget. I suoi widget figlio vengono mostrati mentre l'utente seleziona le varie schede ad essi associate. Le schede possono contenere HTML arbitrario.

12 Composito

Questo widget rappresenta un tipo di widget che può avvolgere un altro widget, nascondendo i metodi del widget avvolto. Quando viene aggiunto a un pannello, un composto si comporta esattamente come se il widget che avvolge fosse stato aggiunto.

13 SimplePanel

Questo widget rappresenta una classe Base per i pannelli che contengono un solo widget.

14 ScrollPanel

Questo widget rappresenta un semplice pannello che avvolge il suo contenuto in un'area scorrevole

15 FocusPanel

Questo widget rappresenta un semplice pannello che rende i suoi contenuti attivabili e aggiunge la capacità di catturare gli eventi del mouse e della tastiera.

16 FormPanel

Questo widget rappresenta un pannello che racchiude i suoi contenuti in un elemento HTML <FORM>.

17 PopupPanel

Questo widget rappresenta un pannello che può pop uprispetto ad altri widget. Si sovrappone all'area client del browser (e a eventuali popup creati in precedenza).

18 La finestra di dialogo

Questo widget rappresenta una forma di popup che ha un'area didascalia in alto e può essere trascinata dall'utente. A differenza di PopupPanel, le chiamate a PopupPanel.setWidth (String) e PopupPanel.setHeight (String) imposteranno la larghezza e l'altezza della finestra di dialogo stessa, anche se non è stato ancora aggiunto un widget.