Skip to main content

TabControl

Ein TabControl ist ein Container, der mehrere TabPageTabPage-Instanzen verwaltet und zwischen ihnen umschaltet.

Es stellt die Tabs (Reiter) dar und bestimmt, welche TabPage aktuell sichtbar ist.

Grundidee

Das TabControl ist die Steuerung, nicht der Inhalt.

    TabControl → verwaltet Tabs

    TabPage → enthält den eigentlichen Inhalt

    Ohne TabPage ist das TabControl nur leere UI-Deko.

    Wichtige Eigenschaften

      TabPages – (leer)
      Sammlung aller enthaltenen TabPage-Instanzen

      SelectedIndex – -1 → 0 (mit erstem TabPage)
      Index des aktuell aktiven Tabs (0-basiert)

      SelectedTab – $null
      Referenz auf die aktuell aktive TabPage

      Alignment – "Top"
      Position der Tabs (Top, Bottom, Left, Right)

      Appearance – "Normal"
      Darstellung der Tabs (Normal, Buttons, FlatButtons)

      SizeMode – "Normal"
      Größe der Tabs (Normal, Fixed)

      ItemSize – {Width=0, Height=0}
      Größe einzelner Tabs (nur relevant bei Fixed)

      Multiline – $false
      Mehrere Reihen von Tabs erlauben

      HotTrack – $false
      Hover-Effekt über Tabs

      Dock – None
      Layout innerhalb des Parent-Containers (meist Fill)

      TabControl erstellen

      # TabControl Erstellen
$tabControl = New-Object System.Windows.Forms.TabControl
$tabControl = [System.Windows.Forms.TabControl]::New()

      Tab hinzufügen / entfernen

      # Hinzufügen
$tabControl.TabPages.Add($tabPage1)
$tabControl.TabPages.Add("Mein Tab") # erstellt TabPage (nur Text gesetzt)
$tabControl.TabPages.Add("Name", "Text") # Name + Text
$tabControl.TabPages.AddRange(@($tabPage2, $tabPage3)) # mehrere TabPages
$tabControl.TabPages.Insert(0, $tabPage4) # Index, TabPage

# Entfernen
$tabControl.TabPages.Remove($tabPage1)
$tabControl.TabPages.RemoveAt(0) # per Index
$tabControl.TabPages.Clear() # alle entfernen


# technisch möglich, aber nicht empfohlen
$tabControl.Controls.Add($tabPage4) 
$tabControl.Controls.AddRange(@($tabPage5, $tabPage6))
$tabControl.Controls.Remove($tabPage2)
$tabControl.Controls.RemoveRange(@($tabPage3, $tabPage4))

      Tab-Auswahl

      # Zugriff auf einzelnes TabPage
$tabControl.TabPages[0] 

# Zugriff auf aktuelles TabPage
$tabControl.SelectedIndex = 0 # nur Index
$tabControl.SelectedTab = $tabPage1

      Events

      Hier passiert der eigentliche Spaß.

        SelectedIndexChanged
        Wird ausgelöst, nachdem der Tab gewechselt wurde

        Selecting
        Wird ausgelöst, bevor ein Tab gewechselt wird
        → kann abgebrochen werden ($_.Cancel = $true)

        Selected
        Wird ausgelöst, nachdem ein Tab ausgewählt wurde (ähnlich wie SelectedIndexChanged, aber mit EventArgs)

        Deselecting / Deselected
        Beim Verlassen eines Tabs

        Beispiel: Tab-Wechsel verhindern

        $tabControl.add_Selecting({
    if ($tabControl.SelectedIndex -eq 0) {
        $_.Cancel = $true
    }
})

        Typische Stolperfallen

          Events greifen nicht richtig
          → falsches Event gewählt (SelectedIndexChanged vs. Selecting)

          Tabs sehen komisch aus
          → Kombination aus Appearance, SizeMode und ItemSize

          Layout bricht
          → Dock oder Anchor nicht sauber gesetzt

          Falscher Zugriff auf Inhalte
          → Inhalt liegt in TabPage.Controls, nicht direkt im TabControl

          Mentales Modell

          Das TabControl ist ein Umschalter für Container.

          Es zeigt immer genau eine TabPage gleichzeitig an
          und blendet die anderen intern einfach aus.

          Wann sinnvoll?

            Mehrere logisch getrennte Bereiche

            Einstellungen / Konfigurationen

            Platz sparen ohne mehrere Fenster

            Wann vermeiden?

              Wenn Nutzer ständig zwischen Tabs springen müssen

              Wenn Inhalte stark voneinander abhängen

              Wenn der Workflow linear ist (→ lieber Schritt für Schritt UI)

              Back to top