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. |