Trennleiste (Software)

Eine Trennleiste, auch Teilerleiste[1], Separator[2] oder Splitter genannt (von englisch to split „aufteilen“) ist ein Steuerelement bei grafischen Benutzeroberflächen. Es dient dazu, ein Fenster (oder einen Teil eines Fensters) in zwei einzelne Felder variabler Größe zu gliedern.[3][4] Trennleisten können sowohl vertikal als auch horizontal angeordnet werden. Durch Kaskadierung mehrerer Trennleisten kann auch eine Aufteilung in mehr als nur zwei Felder erreicht werden.[5]

Beschreibung

Eine Trennleiste ist immer dann sinnvoll, wenn die Benutzeroberfläche eines Programms (oder ein Formular) aus mehreren Teilflächen mit variabler Größe bestehen soll.

Wenn in einem Fenster eine Trennleiste zwischen zwei oder mehr Steuerelementen oder Fenster-Teilbereichen bereitgestellt wird, kann der Benutzer die Größe dieser Steuerelemente oder Teilbereiche zur Laufzeit verändern.[4] Hierbei wird die Gesamtgröße des Fensters nicht verändert; es ändert sich lediglich der jeweilige Anteil der Fläche, den die beiden durch den Splitter getrennten Teilbereiche einnehmen.

Es ist auch möglich, mit einer Trennleiste nicht ein gesamtes Fenster, sondern lediglich einen Teilbereich eines Fensters aufzuteilen (vgl. Beispiel). Oft kann auch eine Mindestbreite bzw. Mindesthöhe für die einzelnen Bereiche festgelegt werden.[5]

In HTML bestand bis zur Version 4.0 die Möglichkeit, eine Webseite in mehrere Teilbereiche (Frames) aufzuteilen. Sofern in einem Frame-Element nicht das Attribut noresize gesetzt ist, verhält sich der Rahmen zwischen zwei benachbarten Frames wie eine Trennleiste und erlaubt von Haus aus die flexible Anpassung der Größe der Frames mit der Maus.[6]

In einigen GUI-Toolkits werden spezielle Container-Steuerelemente angeboten (z. B. SplitContainer in Windows Forms oder SplitPanes in Swing), in denen zwei Steuerelemente platziert werden können und die Funktion einer Trennleiste implizit angeboten wird.[7][8]

Ein ähnliches Verhalten findet sich bei der Größenänderung von Spalten und ggf. Zeilen in einer Rasteransicht oder einem Listenfeld mit mehreren flexibel anpassbaren Spalten.[5]

Beispiel

In nebenstehendem Beispiel ist eine Trennleiste (rot markiert) zwischen einem Lesezeichen-Bereich (links) und dem eigentlichen Seiteninhalt des Webbrowsers zu sehen. Wird sie nach links oder rechts verschoben, so verändern sich zwar die Anteile des Lesezeichen-Bereichs bzw. des Seiteninhalts; allerdings ändert sich dabei die Gesamtgröße des Fensters nicht. Es wird also lediglich eine andere Aufteilung erreicht. Zu beachten ist darüber hinaus, dass die Trennleiste nicht das gesamte Browserfenster von oben nach unten aufteilt, sondern lediglich einen großen Bereich in der Mitte des Fensters; beispielsweise ist die Adressleiste am oberen Fensterrand nicht von der Trennleiste betroffen.

Einzelnachweise

  1. Teilerleiste (TSplitter). In: docwiki.embarcadero.com. Embarcadero, abgerufen am 23. September 2025.
  2. Graphic Elements. Windows App Development Guidelines. In: learn.microsoft.com. Microsoft, 3. Juni 2021, abgerufen am 23. September 2025 (englisch).
  3. Simon Robinson et al.: Professional C#. 3. Auflage. Wiley, 2004, ISBN 0-7645-5759-9, Chapter 19: Windows Forms, S. 594, Splitter (englisch, eingeschränkte Vorschau in der Google-Buchsuche).
  4. a b Splitter Control (Windows Forms). In: learn.microsoft.com. Microsoft, 7. Mai 2025, abgerufen am 22. September 2025 (englisch).
  5. a b c Marco Cantù: Mastering Delphi 6. Wiley, 2006, ISBN 0-7821-5278-3, Form-Splitting Techniques, S. 269 ff. (englisch, eingeschränkte Vorschau in der Google-Buchsuche – Erstausgabe: Sybex, 2001).
  6. Günter Pomaska: Grundkurs Web-Programmierung. Vieweg+Teubner Verlag, Wiesbaden 2005, ISBN 3-528-05895-1, S. 23 (englisch, eingeschränkte Vorschau in der Google-Buchsuche).
  7. SplitContainer Control (Windows Forms). In: learn.microsoft.com. Microsoft, 7. Mai 2025, abgerufen am 23. September 2025 (englisch).
  8. How to Use Split Panes. In: docs.oracle.com. Oracle, abgerufen am 23. September 2025 (englisch).