====== Control-Bibliothek ======

Vollständiger Katalog aller 108 WvdS UI Controls.

<note>Alle Controls folgen dem [[.:control-architektur|Properties/ViewInfo/Control Pattern]] und sind DevExpress-inspiriert.</note>

===== Übersicht =====

| Kategorie | Anzahl | Beschreibung |
^ [[.:#basic_controls|Basic]] | 12 | Grundlegende UI-Elemente |
^ [[.:#editor_controls|Editors]] | 18 | Eingabe- und Bearbeitungsfelder |
^ [[.:#navigation_controls|Navigation]] | 7 | Navigation und Tabs |
^ [[.:#data_controls|Data]] | 10 | Datenansichten und Grids |
^ [[.:#chart_controls|Charts]] | 16 | Diagramme und Visualisierungen |
^ [[.:#gauge_controls|Gauges]] | 10 | Messanzeigen und Indikatoren |
^ [[.:#layout_controls|Layout]] | 10 | Container und Layout-Manager |
^ [[.:#bars_ribbon|Bars/Ribbon]] | 10 | Menüs, Toolbars, Ribbon |
^ [[.:#specialized_controls|Specialized]] | 15 | Spezialisierte Komponenten |
^ **Gesamt** | **108** | |

===== Basic Controls =====

Grundlegende UI-Elemente für jede Anwendung.

| Control | DX-Äquivalent | Beschreibung | API |
^ TWvdSLabel | TcxLabel | Textanzeige | [[.:api-controls-basic#twvdslabel|API]] |
^ TWvdSButton | TcxButton | Schaltfläche | [[.:api-controls-basic#twvdsbutton|API]] |
^ TWvdSTextBox | TcxTextEdit | Einfaches Textfeld | [[.:api-controls-basic#twvdstextbox|API]] |
^ TWvdSCheckBox | TcxCheckBox | Kontrollkästchen | [[.:api-controls-basic#twvdscheckbox|API]] |
^ TWvdSRadioButton | TcxRadioButton | Optionsfeld | [[.:api-controls-basic#twvdsradiobutton|API]] |
^ TWvdSImage | TcxImage | Bildanzeige | [[.:api-controls-basic#twvdsimage|API]] |
^ TWvdSProgressBar | TcxProgressBar | Fortschrittsanzeige | [[.:api-controls-basic#twvdsprogressbar|API]] |
^ TWvdSSlider | TcxTrackBar | Schieberegler | [[.:api-controls-basic#twvdsslider|API]] |
^ TWvdSToggleButton | TcxToggleSwitch | Ein/Aus-Schalter | [[.:api-controls-basic#twvdstogglebutton|API]] |
^ TWvdSHyperlink | TcxHyperLinkEdit | Hyperlink | [[.:api-controls-basic#twvdshyperlink|API]] |
^ TWvdSBorder | TcxGroupBox | Rahmen/Border | [[.:api-controls-basic#twvdsborder|API]] |
^ TWvdSSeparator | TcxSplitter | Trennlinie | [[.:api-controls-basic#twvdsseparator|API]] |

===== Editor Controls =====

Eingabe- und Bearbeitungsfelder für verschiedene Datentypen.

| Control | DX-Äquivalent | Beschreibung | API |
^ TWvdSTextEdit | TcxTextEdit | Erweitertes Textfeld | [[.:api-controls-editors#twvdstextedit|API]] |
^ TWvdSMemoEdit | TcxMemo | Mehrzeiliger Text | [[.:api-controls-editors#twvdsmemoedit|API]] |
^ TWvdSSpinEdit | TcxSpinEdit | Zahleneingabe mit Spinner | [[.:api-controls-editors#twvdsspinedit|API]] |
^ TWvdSDateEdit | TcxDateEdit | Datumsauswahl | [[.:api-controls-editors#twvdsdateedit|API]] |
^ TWvdSTimeEdit | TcxTimeEdit | Zeitauswahl | [[.:api-controls-editors#twvdstimeedit|API]] |
^ TWvdSDateTimeEdit | TcxDateTimeEdit | Datum+Zeit Auswahl | [[.:api-controls-editors#twvdsdatetimeedit|API]] |
^ TWvdSCalcEdit | TcxCalcEdit | Taschenrechner-Editor | [[.:api-controls-editors#twvdscalcedit|API]] |
^ TWvdSColorEdit | TcxColorEdit | Farbauswahl | [[.:api-controls-editors#twvdscoloredit|API]] |
^ TWvdSMaskEdit | TcxMaskEdit | Maskierte Eingabe | [[.:api-controls-editors#twvdsmaskedit|API]] |
^ TWvdSRichEdit | TcxRichEdit | Formatierter Text | [[.:api-controls-editors#twvdsrichedit|API]] |
^ TWvdSTokenEdit | TcxTokenEdit | Token/Tag-Eingabe | [[.:api-controls-editors#twvdstokenedit|API]] |
^ TWvdSComboBoxEdit | TcxComboBox | Dropdown-Liste | [[.:api-controls-editors#twvdscomboboxedit|API]] |
^ TWvdSLookupEdit | TcxLookupComboBox | Lookup-Dropdown | [[.:api-controls-editors#twvdslookupedit|API]] |
^ TWvdSCheckedComboBox | TcxCheckedComboBox | Multi-Select Dropdown | [[.:api-controls-editors#twvdscheckedcombobox|API]] |
^ TWvdSMRUEdit | TcxMRUEdit | Most Recently Used | [[.:api-controls-editors#twvdsmruedit|API]] |
^ TWvdSPopupEdit | TcxPopupEdit | Popup-Editor | [[.:api-controls-editors#twvdspopupedit|API]] |
^ TWvdSRatingControl | TcxRatingControl | Sterne-Bewertung | [[.:api-controls-editors#twvdsratingcontrol|API]] |
^ TWvdSRangeTrackBar | TcxRangeTrackBar | Bereichs-Slider | [[.:api-controls-editors#twvdsrangetrackbar|API]] |

===== Navigation Controls =====

Navigation, Tabs und Wizard-Steuerung.

| Control | DX-Äquivalent | Beschreibung | API |
^ TWvdSTabControl | TcxTabControl | Tab-Steuerung | [[.:api-controls-navigation#twvdstabcontrol|API]] |
^ TWvdSAccordion | TdxAccordionControl | Akkordeon-Panel | [[.:api-controls-navigation#twvdsaccordion|API]] |
^ TWvdSBreadcrumb | TdxBreadcrumbEdit | Breadcrumb-Navigation | [[.:api-controls-navigation#twvdsbreadcrumb|API]] |
^ TWvdSPager | TcxDataNavigator | Seiten-Navigation | [[.:api-controls-navigation#twvdspager|API]] |
^ TWvdSWizard | TdxWizardControl | Wizard/Assistent | [[.:api-controls-navigation#twvdswizard|API]] |
^ TWvdSNavBar | TdxNavBar | Navigationsleiste | [[.:api-controls-navigation#twvdsnavbar|API]] |
^ TWvdSTileControl | TdxTileControl | Kachel-Navigation | [[.:api-controls-navigation#twvdstilecontrol|API]] |

===== Data Controls =====

Datenansichten für Listen, Tabellen und hierarchische Daten.

| Control | DX-Äquivalent | Beschreibung | API |
^ TWvdSDataGrid | TcxGrid | Daten-Grid | [[.:api-controls-data#twvdsdatagrid|API]] |
^ TWvdSTreeList | TcxTreeList | Hierarchische Liste | [[.:api-controls-data#twvdstreelist|API]] |
^ TWvdSCardView | TcxGridCardView | Kartenansicht | [[.:api-controls-data#twvdscardview|API]] |
^ TWvdSPivotGrid | TcxPivotGrid | Pivot-Tabelle | [[.:api-controls-data#twvdspivotgrid|API]] |
^ TWvdSVerticalGrid | TcxVerticalGrid | Vertikales Grid | [[.:api-controls-data#twvdsverticalgrid|API]] |
^ TWvdSBandedGridView | TcxGridBandedView | Banded Columns | [[.:api-controls-data#twvdsbandedgridview|API]] |
^ TWvdSLayoutView | TcxGridLayoutView | Layout-Ansicht | [[.:api-controls-data#twvdslayoutview|API]] |
^ TWvdSWinExplorerView | TcxGridWinExplorerView | Explorer-Ansicht | [[.:api-controls-data#twvdswinexplorerview|API]] |
^ TWvdSTileView | TcxGridTileView | Kachel-Ansicht | [[.:api-controls-data#twvdstileview|API]] |
^ TWvdSServerModeSource | TcxServerModeSource | Server-Mode Daten | [[.:api-controls-data#twvdsservermodesource|API]] |

===== Chart Controls =====

Diagramme und Datenvisualisierungen.

| Control | DX-Äquivalent | Beschreibung | API |
^ TWvdSChart | TcxChart | Basis-Chart | [[.:api-controls-charts#twvdschart|API]] |
^ TWvdSSparkline | TdxSparkline | Sparkline | [[.:api-controls-charts#twvdssparkline|API]] |
^ TWvdSLineSeries | TcxLineSeries | Liniendiagramm | [[.:api-controls-charts#twvdslineseries|API]] |
^ TWvdSAreaSeries | TcxAreaSeries | Flächendiagramm | [[.:api-controls-charts#twvdsareaseries|API]] |
^ TWvdSBarSeries | TcxBarSeries | Balkendiagramm | [[.:api-controls-charts#twvdsbarseries|API]] |
^ TWvdSPieSeries | TcxPieSeries | Kreisdiagramm | [[.:api-controls-charts#twvdspieseries|API]] |
^ TWvdSFunnelSeries | TcxFunnelSeries | Trichterdiagramm | [[.:api-controls-charts#twvdsfunnelseries|API]] |
^ TWvdSScatterSeries | TcxScatterSeries | Streudiagramm | [[.:api-controls-charts#twvdsscatterseries|API]] |
^ TWvdSBubbleSeries | TcxBubbleSeries | Blasendiagramm | [[.:api-controls-charts#twvdsbubbleseries|API]] |
^ TWvdSCandlestickSeries | TcxCandlestickSeries | Candlestick (Börse) | [[.:api-controls-charts#twvdscandlestickseries|API]] |
^ TWvdSRangeBarSeries | TcxRangeBarSeries | Bereichsbalken | [[.:api-controls-charts#twvdsrangebarseries|API]] |
^ TWvdSStackedBarSeries | TcxStackedBarSeries | Gestapelte Balken | [[.:api-controls-charts#twvdsstackedbarseries|API]] |
^ TWvdSRadarSeries | TcxRadarSeries | Radardiagramm | [[.:api-controls-charts#twvdsradarseries|API]] |
^ TWvdSTreeMapSeries | TcxTreeMapSeries | TreeMap | [[.:api-controls-charts#twvdstreemapseries|API]] |
^ TWvdSSankeyDiagram | TdxSankeyDiagram | Sankey-Diagramm | [[.:api-controls-charts#twvdssankeydiagram|API]] |
^ TWvdSWaterfallSeries | TcxWaterfallSeries | Wasserfall-Chart | [[.:api-controls-charts#twvdswaterfallseries|API]] |

===== Gauge Controls =====

Messanzeigen, Indikatoren und Visualisierungen.

| Control | DX-Äquivalent | Beschreibung | API |
^ TWvdSCircularGauge | TdxCircularGauge | Runde Anzeige | [[.:api-controls-gauges#twvdscirculargauge|API]] |
^ TWvdSLinearGauge | TdxLinearGauge | Lineare Anzeige | [[.:api-controls-gauges#twvdslineargauge|API]] |
^ TWvdSDigitalGauge | TdxDigitalGauge | Digital-Anzeige | [[.:api-controls-gauges#twvdsdigitalgauge|API]] |
^ TWvdSStateIndicator | TdxStateIndicator | Status-Indikator | [[.:api-controls-gauges#twvdsstateindicator|API]] |
^ TWvdSLED | TdxLED | LED-Anzeige | [[.:api-controls-gauges#twvdsled|API]] |
^ TWvdSArcScaleGauge | TdxArcScaleGauge | Bogen-Skala | [[.:api-controls-gauges#twvdsarcscalegauge|API]] |
^ TWvdSScaleIndicator | TdxScaleIndicator | Skalen-Indikator | [[.:api-controls-gauges#twvdsscaleindicator|API]] |
^ TWvdSLevelBar | TdxLevelBar | Füllstandsanzeige | [[.:api-controls-gauges#twvdslevelbar|API]] |
^ TWvdSProgressGauge | TdxProgressGauge | Fortschritts-Gauge | [[.:api-controls-gauges#twvdsprogressgauge|API]] |
^ TWvdSThermometer | TdxThermometer | Thermometer | [[.:api-controls-gauges#twvdsthermometer|API]] |

===== Layout Controls =====

Container und Layout-Management.

| Control | DX-Äquivalent | Beschreibung | API |
^ TWvdSLayoutControl | TdxLayoutControl | Layout-Manager | [[.:api-controls-layout#twvdslayoutcontrol|API]] |
^ TWvdSDockingManager | TdxDockingManager | Docking-System | [[.:api-controls-layout#twvdsdockingmanager|API]] |
^ TWvdSSplitContainer | TcxSplitter | Split-Container | [[.:api-controls-layout#twvdssplitcontainer|API]] |
^ TWvdSGroupControl | TcxGroupBox | Gruppen-Container | [[.:api-controls-layout#twvdsgroupcontrol|API]] |
^ TWvdSXtraScrollBox | TcxScrollBox | Scroll-Container | [[.:api-controls-layout#twvdsxtrascrollbox|API]] |
^ TWvdSFlowLayoutPanel | TdxFlowLayoutControl | Flow-Layout | [[.:api-controls-layout#twvdsflowlayoutpanel|API]] |
^ TWvdSTableLayoutPanel | TdxTableLayoutControl | Tabellen-Layout | [[.:api-controls-layout#twvdstablelayoutpanel|API]] |
^ TWvdSPopupContainer | TdxPopupEdit | Popup-Container | [[.:api-controls-layout#twvdspopupcontainer|API]] |
^ TWvdSCardControl | TdxCardControl | Card-Container | [[.:api-controls-layout#twvdscardcontrol|API]] |
^ TWvdSCollapsibleGroup | TdxLayoutGroup | Einklappbare Gruppe | [[.:api-controls-layout#twvdscollapsiblegroup|API]] |

===== Bars/Ribbon =====

Menüleisten, Toolbars und Ribbon-Oberflächen.

| Control | DX-Äquivalent | Beschreibung | API |
^ TWvdSBarManager | TdxBarManager | Menü-Manager | [[.:api-controls-bars#twvdsbarmanager|API]] |
^ TWvdSRibbonControl | TdxRibbonControl | Ribbon-Control | [[.:api-controls-bars#twvdsribboncontrol|API]] |
^ TWvdSRibbonPage | TdxRibbonTab | Ribbon-Seite | [[.:api-controls-bars#twvdsribbonpage|API]] |
^ TWvdSRibbonGroup | TdxRibbonGroup | Ribbon-Gruppe | [[.:api-controls-bars#twvdsribbongroup|API]] |
^ TWvdSBarButton | TdxBarButton | Toolbar-Button | [[.:api-controls-bars#twvdsbarbutton|API]] |
^ TWvdSBarSubItem | TdxBarSubItem | Untermenü | [[.:api-controls-bars#twvdsbarsubitem|API]] |
^ TWvdSBarEditItem | TdxBarEditItem | Editor in Toolbar | [[.:api-controls-bars#twvdsbaredititem|API]] |
^ TWvdSStatusBar | TdxStatusBar | Statusleiste | [[.:api-controls-bars#twvdsstatusbar|API]] |
^ TWvdSAlertControl | TdxAlertWindow | Benachrichtigungen | [[.:api-controls-bars#twvdsalertcontrol|API]] |
^ TWvdSPopupMenu | TdxBarPopupMenu | Kontextmenü | [[.:api-controls-bars#twvdspopupmenu|API]] |

===== Specialized Controls =====

Spezialisierte Komponenten für komplexe Anwendungsfälle.

| Control | DX-Äquivalent | Beschreibung | API |
^ TWvdSScheduler | TcxScheduler | Kalender/Planer | [[.:api-controls-specialized#twvdsscheduler|API]] |
^ TWvdSRichEditControl | TdxRichEditControl | Word-Processor | [[.:api-controls-specialized#twvdsricheditcontrol|API]] |
^ TWvdSSpreadsheetControl | TdxSpreadsheet | Tabellenkalkulation | [[.:api-controls-specialized#twvdsspreadsheetcontrol|API]] |
^ TWvdSMapControl | TdxMapControl | Kartenanzeige | [[.:api-controls-specialized#twvdsmapcontrol|API]] |
^ TWvdSDiagramControl | TdxDiagramControl | Diagramm-Editor | [[.:api-controls-specialized#twvdsdiagramcontrol|API]] |
^ TWvdSPdfViewer | TdxPDFViewer | PDF-Anzeige | [[.:api-controls-specialized#twvdspdfviewer|API]] |
^ TWvdSImageGallery | TdxImageGallery | Bildergalerie | [[.:api-controls-specialized#twvdsimagegallery|API]] |
^ TWvdSSpellChecker | TdxSpellChecker | Rechtschreibprüfung | [[.:api-controls-specialized#twvdsspellchecker|API]] |
^ TWvdSFilterControl | TcxFilterControl | Filter-Builder | [[.:api-controls-specialized#twvdsfiltercontrol|API]] |
^ TWvdSExpressionEditor | TcxExpressionEditor | Formel-Editor | [[.:api-controls-specialized#twvdsexpressioneditor|API]] |
^ TWvdSPropertyGridControl | TcxVerticalGrid | Property-Grid | [[.:api-controls-specialized#twvdspropertygridcontrol|API]] |
^ TWvdSSearchControl | TdxSearchControl | Suchfeld | [[.:api-controls-specialized#twvdssearchcontrol|API]] |
^ TWvdSRangeControl | TdxRangeControl | Bereichsauswahl | [[.:api-controls-specialized#twvdsrangecontrol|API]] |
^ TWvdSZoomTrackBar | TdxZoomTrackBar | Zoom-Slider | [[.:api-controls-specialized#twvdszoomtrackbar|API]] |
^ TWvdSMarkupEdit | TdxMarkupEdit | Markup-Editor | [[.:api-controls-specialized#twvdsmarkupedit|API]] |

===== Target-Unterstützung =====

| Target | Beschreibung | Status |
^ TUI | Terminal UI (FPC native) | Vollständig |
^ GUI | Desktop (LCL/WinAPI) | Geplant |
^ Web | Browser (pas2js/PWA) | Geplant |

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

  * [[.:control-architektur|Control-Architektur]]
  * [[.:control-vsix-erstellen|VSIX Extension erstellen]]
  * [[.:control-generierung|Control-Generierung]]
  * [[..:p:controls|Controls für Anwender]]