Das XdevHorizontalSplitPanel ist ein Container, der den verfügbaren Bereich in einen linken und in einen rechten Bereich aufteilt. Beide Bereiche werden durch einen, in der Horizontalen bewegbaren Splitter getrennt. In beide Bereiche müssen Sie ein Layout oder eine UI-Komponente einfügen. Das Element wird dann automatisch über die gesamte Größe des jeweiligen Bereichs gestreckt. Die im Entwurf eingestellte Position des Splitters ist später zur Laufzeit die Ausgangsposition.
- Layout - Es können beliebig viele UI-Komponenten im jeweiligen Bereich angezeigt werden.
- UI-Komponente - Es kann nur 1 UI-Komponente im jeweiligen Bereich angezeigt werden, die automatisch über die gesamte Größe des jeweiligen Bereichs gestreckt wird.
- Fügen Sie ein XdevHorizontalSplitPanel in eine leere View ein.
- Fügen Sie ein XdevGridLayout in den linken Bereich des XdevHorizontalSplitPanel ein und fügen Sie einige XdevButtons in das XdevGridLayout ein.
- Fügen Sie ein XdevGridLayout in den rechten Bereich des XdevHorizontalSplitPanel ein und fügen Sie einige XdevButtons in das XdevGridLayout ein.
Ergebnis:
- Im GUI-Builder
Wichtige Properies:
SplitPosition - X-Position des Splitters in Pixel. Der Eingestellte Wert ist wird zur Laufzeit als Ausgangsposition (Default-Wert) übernommen.
Examples:
Splitter-Position dynamisch setzen
Position als String übergeben - Die Einheit wird durch die dazugehörigen CSS-Datei definiert.
horizontalSplitPanel.setWidth("380");Position als Dezimalzahl übergeben
Position in Pixel
horizontalSplitPanel.setWidth(380.0f, Unit.PIXELS);
Position in Zentimeter
verticalSplitPanel.setWidth(380.0f, Unit.PIXELS);
Position in Prozent
verticalSplitPanel.setWidth(380.0f, Unit.PERCENTAGE);