GWT - Layout Panels

Layout-Panels können andere Widgets enthalten. Diese Bedienfelder steuern die Art und Weise, wie Widgets auf der Benutzeroberfläche angezeigt werden. Jedes Panel-Widget erbt Eigenschaften von der Panel-Klasse, die wiederum Eigenschaften von der Widget-Klasse erbt und die wiederum Eigenschaften von der UIObject-Klasse erbt.

Sr.Nr. Widget & Beschreibung
1 GWT UIObject-Klasse

Dieses Widget enthält Text, der nicht mit einem <div> -Element als HTML interpretiert wird, sodass er mit Blocklayout angezeigt wird.

2 GWT-Widget-Klasse

Dieses Widget kann HTML-Text enthalten und zeigt den HTML-Inhalt mithilfe eines <div> -Elements an, sodass er mit Blocklayout angezeigt wird.

3 GWT-Panel-Klasse

Dies ist die abstrakte Basisklasse für alle Bedienfelder, bei denen es sich um Widgets handelt, die andere Widgets enthalten können.

Layoutfelder

Im Folgenden finden Sie einige wichtige Layoutfelder -

Sr.Nr. Widget & Beschreibung
1 FlowPanel

Dieses Widget stellt ein Bedienfeld dar, das seine untergeordneten Widgets unter Verwendung des Standardverhaltens des HTML-Layouts formatiert.

2 HorizontalPanel

Dieses Widget stellt ein Bedienfeld dar, in dem alle Widgets in einer einzigen horizontalen Spalte angeordnet sind.

3 VerticalPanel

Dieses Widget stellt ein Bedienfeld dar, in dem alle Widgets in einer einzigen vertikalen Spalte angeordnet sind.

4 HorizontalSplitPanel

Dieses Widget stellt ein Bedienfeld dar, das zwei Widgets in einer einzigen horizontalen Reihe anordnet und es dem Benutzer ermöglicht, den Anteil der Breite, der jedem der beiden Widgets zugeordnet ist, interaktiv zu ändern. In einem HorizontalSplitPanel enthaltene Widgets werden bei Bedarf automatisch mit Bildlaufleisten dekoriert.

5 VerticalSplitPanel

Dieses Widget stellt ein A-Bedienfeld dar, das zwei Widgets in einer einzigen vertikalen Spalte anordnet und es dem Benutzer ermöglicht, den Anteil der Höhe, der jedem der beiden Widgets zugeordnet ist, interaktiv zu ändern. In einem VertialSplitPanel enthaltene Widgets werden bei Bedarf automatisch mit Bildlaufleisten dekoriert.

6 FlexTable

Dieses Widget stellt eine flexible Tabelle dar, die bei Bedarf Zellen erstellt. Es kann gezackt sein (dh jede Zeile kann eine andere Anzahl von Zellen enthalten) und einzelne Zellen können so eingestellt werden, dass sie mehrere Zeilen oder Spalten umfassen.

7 Gitter

Dieses Widget stellt ein rechteckiges Raster dar, das Text, HTML oder ein untergeordnetes Widget in seinen Zellen enthalten kann. Die Größe muss explizit auf die gewünschte Anzahl von Zeilen und Spalten angepasst werden.

8 DeckPanel

Bedienfeld, in dem alle untergeordneten Widgets in einem 'Deck' angezeigt werden, in dem jeweils nur eines sichtbar sein kann. Es wird von TabPanel verwendet.

9 DockPanel

Dieses Widget stellt ein Bedienfeld dar, in dem die untergeordneten Widgets an den Außenkanten "angedockt" angeordnet sind und das letzte Widget den verbleibenden Platz in der Mitte einnimmt.

10 HTMLPanel

Dieses Widget stellt ein Fenster dar, das HTML enthält und untergeordnete Widgets an identifizierte Elemente in diesem HTML anhängen kann.

11 TabPanel

Dieses Widget stellt ein Bedienfeld dar, das eine Reihe von Seiten mit Registerkarten darstellt, von denen jede ein anderes Widget enthält. Die untergeordneten Widgets werden angezeigt, wenn der Benutzer die verschiedenen ihnen zugeordneten Registerkarten auswählt. Die Registerkarten können beliebigen HTML-Code enthalten.

12 Verbund

Dieses Widget stellt eine Art Widget dar, das ein anderes Widget umschließen kann und die Methoden des umschlossenen Widgets verbirgt. Beim Hinzufügen zu einem Bedienfeld verhält sich ein Verbund genau so, als ob das Widget, das es umschließt, hinzugefügt worden wäre.

13 SimplePanel

Dieses Widget stellt eine Basisklasse für Bedienfelder dar, die nur ein Widget enthalten.

14 ScrollPanel

Dieses Widget stellt ein einfaches Bedienfeld dar, das seinen Inhalt in einen scrollbaren Bereich einschließt

15 FocusPanel

Dieses Widget stellt ein einfaches Bedienfeld dar, das den Inhalt fokussierbar macht und die Möglichkeit bietet, Maus- und Tastaturereignisse zu erfassen.

16 FormPanel

Dieses Widget stellt ein Bedienfeld dar, das seinen Inhalt in ein HTML-Element <FORM> einschließt.

17 PopupPanel

Dieses Widget stellt ein Panel dar, das dies kann pop upüber andere Widgets. Es überlagert den Clientbereich des Browsers (und alle zuvor erstellten Popups).

18 Dialogbox

Dieses Widget stellt eine Form von Popup dar, das oben einen Beschriftungsbereich hat und vom Benutzer gezogen werden kann. Im Gegensatz zu einem PopupPanel legen Aufrufe von PopupPanel.setWidth (String) und PopupPanel.setHeight (String) die Breite und Höhe des Dialogfelds selbst fest, auch wenn noch kein Widget hinzugefügt wurde.