GWT - Panneaux de disposition

Les panneaux de disposition peuvent contenir d'autres widgets. Ces panneaux contrôlent la manière dont les widgets doivent être affichés sur l'interface utilisateur. Chaque widget Panel hérite des propriétés de la classe Panel qui à son tour hérite des propriétés de la classe Widget et qui à son tour hérite des propriétés de la classe UIObject.

N ° Sr. Widget et description
1 Classe UIObject GWT

Ce widget contient du texte, non interprété comme HTML à l'aide d'un élément <div>, ce qui le fait s'afficher avec une disposition de bloc.

2 Classe de widget GWT

Ce widget peut contenir du texte HTML et affiche le contenu html à l'aide d'un élément <div>, ce qui provoque son affichage avec une disposition de bloc.

3 Classe de panneau GWT

Il s'agit de la classe de base abstraite de tous les panneaux, qui sont des widgets pouvant contenir d'autres widgets.

Panneaux de disposition

Voici quelques panneaux de disposition importants -

N ° Sr. Widget et description
1 FlowPanel

Ce widget représente un panneau qui met en forme ses widgets enfants en utilisant le comportement de mise en page HTML par défaut.

2 HorizontalPanel

Ce widget représente un panneau qui dispose tous ses widgets dans une seule colonne horizontale.

3 VerticalPanel

Ce widget représente un panneau qui dispose tous ses widgets dans une seule colonne verticale.

4 HorizontalSplitPanel

Ce widget représente un panneau qui organise deux widgets sur une seule ligne horizontale et permet à l'utilisateur de modifier de manière interactive la proportion de la largeur dédiée à chacun des deux widgets. Les widgets contenus dans un HorizontalSplitPanel seront automatiquement décorés avec des barres de défilement si nécessaire.

5 VerticalSplitPanel

Ce widget représente un panneau A qui organise deux widgets dans une seule colonne verticale et permet à l'utilisateur de modifier de manière interactive la proportion de la hauteur dédiée à chacun des deux widgets. Les widgets contenus dans un VertialSplitPanel seront automatiquement décorés avec des barres de défilement si nécessaire.

6 FlexTable

Ce widget représente un tableau flexible qui crée des cellules à la demande. Il peut être irrégulier (c'est-à-dire que chaque ligne peut contenir un nombre différent de cellules) et des cellules individuelles peuvent être définies pour s'étendre sur plusieurs lignes ou colonnes.

sept la grille

Ce widget représente une grille rectangulaire qui peut contenir du texte, du HTML ou un widget enfant dans ses cellules. Il doit être redimensionné explicitement au nombre souhaité de lignes et de colonnes.

8 DeckPanel

panneau qui affiche tous ses widgets enfants dans un «deck», où un seul peut être visible à la fois. Il est utilisé par TabPanel.

9 DockPanel

Ce widget représente un panneau qui place ses widgets enfants «ancrés» sur ses bords extérieurs et permet à son dernier widget de prendre l'espace restant en son centre.

dix HTMLPanel

Ce widget représente un panneau contenant du HTML et qui peut attacher des widgets enfants à des éléments identifiés dans ce HTML.

11 TabPanel

Ce widget représente un panneau qui représente un ensemble de pages à onglets, chacune contenant un autre widget. Ses widgets enfants s'affichent lorsque l'utilisateur sélectionne les différents onglets qui leur sont associés. Les onglets peuvent contenir du HTML arbitraire.

12 Composite

Ce widget représente un type de widget qui peut envelopper un autre widget, masquant les méthodes du widget enveloppé. Lorsqu'il est ajouté à un panneau, un composite se comporte exactement comme si le widget qu'il enveloppe avait été ajouté.

13 SimplePanel

Ce widget représente une classe de base pour les panneaux qui ne contiennent qu'un seul widget.

14 ScrollPanel

Ce widget représente un panneau simple qui enveloppe son contenu dans une zone de défilement

15 FocusPanel

Ce widget représente un panneau simple qui rend son contenu focalisable et ajoute la possibilité de capturer les événements de la souris et du clavier.

16 FormPanel

Ce widget représente un panneau qui encapsule son contenu dans un élément HTML <FORM>.

17 PopupPanel

Ce widget représente un panneau qui peut pop upsur d'autres widgets. Il recouvre la zone client du navigateur (et toutes les fenêtres contextuelles créées précédemment).

18 Boite de dialogue

Ce widget représente une forme de popup qui a une zone de légende en haut et peut être déplacé par l'utilisateur. Contrairement à un PopupPanel, les appels à PopupPanel.setWidth (String) et PopupPanel.setHeight (String) définiront la largeur et la hauteur de la boîte de dialogue elle-même, même si un widget n'a pas encore été ajouté.