====== API: Layout Controls ======

API-Referenz für Container und Layout-Management.

===== TWvdSLayoutControl =====

Automatisches Formular-Layout.

==== Namespace ====

''WvdS.UI.Controls.Layout''

==== PXAML ====

<code xml>
<LayoutControl>
  <LayoutGroup Header="Personal Data">
    <LayoutItem Label="Name:">
      <TextEdit Text="{Binding Name}" />
    </LayoutItem>
    <LayoutItem Label="Email:">
      <TextEdit Text="{Binding Email}" />
    </LayoutItem>
  </LayoutGroup>
  <LayoutGroup Header="Address" IsCollapsible="True">
    <LayoutItem Label="Street:">
      <TextEdit Text="{Binding Street}" />
    </LayoutItem>
    <LayoutItem Label="City:">
      <TextEdit Text="{Binding City}" />
    </LayoutItem>
  </LayoutGroup>
</LayoutControl>
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Items | TLayoutItemCollection | nil | Layout-Elemente |
^ LabelPosition | TLabelPosition | lpLeft | Left, Top |
^ LabelWidth | Integer | 100 | Beschriftungsbreite |
^ ItemSpacing | Integer | 5 | Abstand zwischen Items |
^ GroupSpacing | Integer | 10 | Abstand zwischen Gruppen |

==== TWvdSLayoutGroup ====

| Property | Typ | Beschreibung |
^ Header | string | Gruppenüberschrift |
^ IsCollapsible | Boolean | Einklappbar |
^ IsCollapsed | Boolean | Eingeklappt |
^ Items | TLayoutItemCollection | Unterelemente |

==== TWvdSLayoutItem ====

| Property | Typ | Beschreibung |
^ Label | string | Beschriftung |
^ Control | TWvdSFrameworkElement | Enthaltenes Control |
^ ColSpan | Integer | Spaltenspanne |
^ RowSpan | Integer | Zeilenspanne |

----

===== TWvdSDockingManager =====

Docking-System für flexible Fensteranordnung.

==== Namespace ====

''WvdS.UI.Controls.Layout''

==== PXAML ====

<code xml>
<DockingManager>
  <DockPanel Name="Explorer" Position="Left" Width="200">
    <FileExplorer />
  </DockPanel>
  <DockPanel Name="Properties" Position="Right" Width="250">
    <PropertyGrid />
  </DockPanel>
  <DockPanel Name="Output" Position="Bottom" Height="150">
    <OutputLog />
  </DockPanel>
  <DocumentHost>
    <Document Title="MainWindow.pxaml">
      <CodeEditor />
    </Document>
  </DocumentHost>
</DockingManager>
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Panels | TDockPanelCollection | nil | Dock-Panels |
^ DocumentHost | TDocumentHost | nil | Dokumentbereich |
^ Theme | TDockingTheme | dtDefault | Theme |
^ AllowFloating | Boolean | True | Floating erlaubt |
^ AllowAutoHide | Boolean | True | Auto-Hide erlaubt |

==== Events ====

| Event | Signatur | Beschreibung |
^ OnPanelDocked | TPanelEvent | Panel angedockt |
^ OnPanelFloating | TPanelEvent | Panel schwebt |
^ OnPanelClosing | TPanelClosingEvent | Panel wird geschlossen |

----

===== TWvdSSplitContainer =====

Geteilter Container.

==== Namespace ====

''WvdS.UI.Controls.Layout''

==== PXAML ====

<code xml>
<SplitContainer Orientation="Horizontal"
                SplitterPosition="0.3">
  <SplitContainer.Panel1>
    <TreeView ItemsSource="{Binding Folders}" />
  </SplitContainer.Panel1>
  <SplitContainer.Panel2>
    <ListView ItemsSource="{Binding Files}" />
  </SplitContainer.Panel2>
</SplitContainer>
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Orientation | TWvdSOrientation | oHorizontal | Teilungsrichtung |
^ SplitterPosition | Double | 0.5 | Position (0-1) |
^ SplitterWidth | Integer | 5 | Splitter-Breite |
^ Panel1 | TWvdSFrameworkElement | nil | Linkes/oberes Panel |
^ Panel2 | TWvdSFrameworkElement | nil | Rechtes/unteres Panel |
^ Panel1MinSize | Integer | 50 | Minimum Panel1 |
^ Panel2MinSize | Integer | 50 | Minimum Panel2 |
^ IsSplitterFixed | Boolean | False | Splitter fixiert |

----

===== TWvdSGroupControl =====

Gruppen-Container mit Rahmen.

==== Namespace ====

''WvdS.UI.Controls.Layout''

==== PXAML ====

<code xml>
<GroupControl Header="Options">
  <StackPanel>
    <CheckBox Content="Option 1" />
    <CheckBox Content="Option 2" />
  </StackPanel>
</GroupControl>
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Header | string | '' | Überschrift |
^ Content | TWvdSFrameworkElement | nil | Inhalt |
^ BorderStyle | TBorderStyle | bsSingle | None, Single, Double |

----

===== TWvdSXtraScrollBox =====

Scroll-Container.

==== Namespace ====

''WvdS.UI.Controls.Layout''

==== PXAML ====

<code xml>
<XtraScrollBox HorizontalScrollBarVisibility="Auto"
               VerticalScrollBarVisibility="Always">
  <StackPanel>
    <!-- Viele Controls -->
  </StackPanel>
</XtraScrollBox>
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Content | TWvdSFrameworkElement | nil | Inhalt |
^ HorizontalScrollBarVisibility | TScrollBarVisibility | svAuto | Hidden, Auto, Visible |
^ VerticalScrollBarVisibility | TScrollBarVisibility | svAuto | Hidden, Auto, Visible |
^ HorizontalOffset | Double | 0 | H-Scroll-Position |
^ VerticalOffset | Double | 0 | V-Scroll-Position |

----

===== TWvdSFlowLayoutPanel =====

Fließendes Layout.

==== Namespace ====

''WvdS.UI.Controls.Layout''

==== PXAML ====

<code xml>
<FlowLayoutPanel FlowDirection="LeftToRight"
                 WrapContents="True"
                 ItemSpacing="10">
  <Button Caption="Button 1" />
  <Button Caption="Button 2" />
  <Button Caption="Button 3" />
</FlowLayoutPanel>
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ FlowDirection | TFlowDirection | fdLeftToRight | LeftToRight, TopDown, RightToLeft, BottomUp |
^ WrapContents | Boolean | True | Umbrechen |
^ ItemSpacing | Integer | 5 | Abstand |

----

===== TWvdSTableLayoutPanel =====

Tabellen-basiertes Layout.

==== Namespace ====

''WvdS.UI.Controls.Layout''

==== PXAML ====

<code xml>
<TableLayoutPanel Columns="Auto,*,100"
                  Rows="Auto,*">
  <Label Text="Name:" Row="0" Column="0" />
  <TextEdit Row="0" Column="1" ColumnSpan="2" />
  <Label Text="Notes:" Row="1" Column="0" />
  <MemoEdit Row="1" Column="1" ColumnSpan="2" />
</TableLayoutPanel>
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Columns | string | '' | Spalten-Definition |
^ Rows | string | '' | Zeilen-Definition |
^ CellSpacing | Integer | 0 | Zellenabstand |

==== Spalten/Zeilen-Syntax ====

| Wert | Bedeutung |
^ ''Auto'' | Automatische Größe |
^ ''*'' | Verfügbaren Platz füllen |
^ ''100'' | Feste Größe (Pixel) |
^ ''2*'' | Doppelte Proportion |

----

===== TWvdSPopupContainer =====

Popup-Container für benutzerdefinierte Popups.

==== Namespace ====

''WvdS.UI.Controls.Layout''

==== PXAML ====

<code xml>
<PopupContainer IsOpen="{Binding ShowPopup}"
                PlacementTarget="{Binding ElementName=targetButton}"
                Placement="Bottom">
  <Border Background="White" Padding="10">
    <StackPanel>
      <Label Text="Popup Content" />
      <Button Caption="Close" Command="{Binding ClosePopup}" />
    </StackPanel>
  </Border>
</PopupContainer>
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ IsOpen | Boolean | False | Popup sichtbar |
^ Content | TWvdSFrameworkElement | nil | Inhalt |
^ PlacementTarget | TWvdSFrameworkElement | nil | Ziel-Element |
^ Placement | TPopupPlacement | ppBottom | Bottom, Top, Left, Right, Center |
^ HorizontalOffset | Double | 0 | H-Versatz |
^ VerticalOffset | Double | 0 | V-Versatz |

----

===== TWvdSCardControl =====

Card-basierter Container.

==== Namespace ====

''WvdS.UI.Controls.Layout''

==== PXAML ====

<code xml>
<CardControl>
  <Card Header="Card 1">
    <Content1 />
  </Card>
  <Card Header="Card 2">
    <Content2 />
  </Card>
</CardControl>
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Cards | TCardCollection | nil | Karten |
^ SelectedCard | TCard | nil | Ausgewählte Karte |
^ CardSpacing | Integer | 10 | Abstand |

----

===== TWvdSCollapsibleGroup =====

Einklappbare Gruppe.

==== Namespace ====

''WvdS.UI.Controls.Layout''

==== PXAML ====

<code xml>
<CollapsibleGroup Header="Advanced Options"
                  IsExpanded="False">
  <StackPanel>
    <CheckBox Content="Enable feature X" />
    <SpinEdit Value="100" />
  </StackPanel>
</CollapsibleGroup>
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Header | string | '' | Überschrift |
^ Content | TWvdSFrameworkElement | nil | Inhalt |
^ IsExpanded | Boolean | True | Ausgeklappt |
^ CollapseAnimation | Boolean | True | Animation |

==== Events ====

| Event | Signatur | Beschreibung |
^ OnExpanded | TNotifyEvent | Ausgeklappt |
^ OnCollapsed | TNotifyEvent | Eingeklappt |

----

===== Siehe auch =====

  * [[.:control-bibliothek|Control-Bibliothek]]
  * [[.:tui-layout|TUI Layout]]
  * [[.:api-controls-navigation|Navigation Controls API]]