====== Libreria Control ====== Catalogo completo di tutti i 108 WvdS UI Controls. Tutti i Controls seguono il [[.:control-architektur|Pattern Properties/ViewInfo/Control]] e sono ispirati a DevExpress. ===== Panoramica ===== | Categoria | Numero | Descrizione | ^ [[.:#basic_controls|Basic]] | 12 | Elementi UI fondamentali | ^ [[.:#editor_controls|Editors]] | 18 | Campi di input e modifica | ^ [[.:#navigation_controls|Navigation]] | 7 | Navigazione e tab | ^ [[.:#data_controls|Data]] | 10 | Viste dati e grid | ^ [[.:#chart_controls|Charts]] | 16 | Grafici e visualizzazioni | ^ [[.:#gauge_controls|Gauges]] | 10 | Indicatori e misuratori | ^ [[.:#layout_controls|Layout]] | 10 | Container e layout manager | ^ [[.:#bars_ribbon|Bars/Ribbon]] | 10 | Menu, toolbar, ribbon | ^ [[.:#specialized_controls|Specialized]] | 15 | Componenti specializzati | ^ **Totale** | **108** | | ===== Basic Controls ===== Elementi UI fondamentali per ogni applicazione. | Control | Equivalente DX | Descrizione | API | ^ TWvdSLabel | TcxLabel | Visualizzazione testo | [[.:api-controls-basic#twvdslabel|API]] | ^ TWvdSButton | TcxButton | Pulsante | [[.:api-controls-basic#twvdsbutton|API]] | ^ TWvdSTextBox | TcxTextEdit | Campo testo semplice | [[.:api-controls-basic#twvdstextbox|API]] | ^ TWvdSCheckBox | TcxCheckBox | Casella di controllo | [[.:api-controls-basic#twvdscheckbox|API]] | ^ TWvdSRadioButton | TcxRadioButton | Pulsante opzione | [[.:api-controls-basic#twvdsradiobutton|API]] | ^ TWvdSImage | TcxImage | Visualizzazione immagine | [[.:api-controls-basic#twvdsimage|API]] | ^ TWvdSProgressBar | TcxProgressBar | Barra di avanzamento | [[.:api-controls-basic#twvdsprogressbar|API]] | ^ TWvdSSlider | TcxTrackBar | Slider | [[.:api-controls-basic#twvdsslider|API]] | ^ TWvdSToggleButton | TcxToggleSwitch | Interruttore On/Off | [[.:api-controls-basic#twvdstogglebutton|API]] | ^ TWvdSHyperlink | TcxHyperLinkEdit | Hyperlink | [[.:api-controls-basic#twvdshyperlink|API]] | ^ TWvdSBorder | TcxGroupBox | Cornice/Bordo | [[.:api-controls-basic#twvdsborder|API]] | ^ TWvdSSeparator | TcxSplitter | Linea separatrice | [[.:api-controls-basic#twvdsseparator|API]] | ===== Editor Controls ===== Campi di input e modifica per vari tipi di dati. | Control | Equivalente DX | Descrizione | API | ^ TWvdSTextEdit | TcxTextEdit | Campo testo avanzato | [[.:api-controls-editors#twvdstextedit|API]] | ^ TWvdSMemoEdit | TcxMemo | Testo multiriga | [[.:api-controls-editors#twvdsmemoedit|API]] | ^ TWvdSSpinEdit | TcxSpinEdit | Input numerico con spinner | [[.:api-controls-editors#twvdsspinedit|API]] | ^ TWvdSDateEdit | TcxDateEdit | Selezione data | [[.:api-controls-editors#twvdsdateedit|API]] | ^ TWvdSTimeEdit | TcxTimeEdit | Selezione ora | [[.:api-controls-editors#twvdstimeedit|API]] | ^ TWvdSDateTimeEdit | TcxDateTimeEdit | Selezione data+ora | [[.:api-controls-editors#twvdsdatetimeedit|API]] | ^ TWvdSCalcEdit | TcxCalcEdit | Editor calcolatrice | [[.:api-controls-editors#twvdscalcedit|API]] | ^ TWvdSColorEdit | TcxColorEdit | Selezione colore | [[.:api-controls-editors#twvdscoloredit|API]] | ^ TWvdSMaskEdit | TcxMaskEdit | Input con maschera | [[.:api-controls-editors#twvdsmaskedit|API]] | ^ TWvdSRichEdit | TcxRichEdit | Testo formattato | [[.:api-controls-editors#twvdsrichedit|API]] | ^ TWvdSTokenEdit | TcxTokenEdit | Input token/tag | [[.:api-controls-editors#twvdstokenedit|API]] | ^ TWvdSComboBoxEdit | TcxComboBox | Lista dropdown | [[.:api-controls-editors#twvdscomboboxedit|API]] | ^ TWvdSLookupEdit | TcxLookupComboBox | Dropdown lookup | [[.:api-controls-editors#twvdslookupedit|API]] | ^ TWvdSCheckedComboBox | TcxCheckedComboBox | Dropdown multi-selezione | [[.:api-controls-editors#twvdscheckedcombobox|API]] | ^ TWvdSMRUEdit | TcxMRUEdit | Most Recently Used | [[.:api-controls-editors#twvdsmruedit|API]] | ^ TWvdSPopupEdit | TcxPopupEdit | Editor popup | [[.:api-controls-editors#twvdspopupedit|API]] | ^ TWvdSRatingControl | TcxRatingControl | Valutazione stelle | [[.:api-controls-editors#twvdsratingcontrol|API]] | ^ TWvdSRangeTrackBar | TcxRangeTrackBar | Slider intervallo | [[.:api-controls-editors#twvdsrangetrackbar|API]] | ===== Navigation Controls ===== Navigazione, tab e controllo wizard. | Control | Equivalente DX | Descrizione | API | ^ TWvdSTabControl | TcxTabControl | Controllo tab | [[.:api-controls-navigation#twvdstabcontrol|API]] | ^ TWvdSAccordion | TdxAccordionControl | Pannello accordion | [[.:api-controls-navigation#twvdsaccordion|API]] | ^ TWvdSBreadcrumb | TdxBreadcrumbEdit | Navigazione breadcrumb | [[.:api-controls-navigation#twvdsbreadcrumb|API]] | ^ TWvdSPager | TcxDataNavigator | Navigazione pagine | [[.:api-controls-navigation#twvdspager|API]] | ^ TWvdSWizard | TdxWizardControl | Wizard/Assistente | [[.:api-controls-navigation#twvdswizard|API]] | ^ TWvdSNavBar | TdxNavBar | Barra navigazione | [[.:api-controls-navigation#twvdsnavbar|API]] | ^ TWvdSTileControl | TdxTileControl | Navigazione tile | [[.:api-controls-navigation#twvdstilecontrol|API]] | ===== Data Controls ===== Viste dati per liste, tabelle e dati gerarchici. | Control | Equivalente DX | Descrizione | API | ^ TWvdSDataGrid | TcxGrid | Griglia dati | [[.:api-controls-data#twvdsdatagrid|API]] | ^ TWvdSTreeList | TcxTreeList | Lista gerarchica | [[.:api-controls-data#twvdstreelist|API]] | ^ TWvdSCardView | TcxGridCardView | Vista schede | [[.:api-controls-data#twvdscardview|API]] | ^ TWvdSPivotGrid | TcxPivotGrid | Tabella pivot | [[.:api-controls-data#twvdspivotgrid|API]] | ^ TWvdSVerticalGrid | TcxVerticalGrid | Griglia verticale | [[.:api-controls-data#twvdsverticalgrid|API]] | ^ TWvdSBandedGridView | TcxGridBandedView | Colonne banded | [[.:api-controls-data#twvdsbandedgridview|API]] | ^ TWvdSLayoutView | TcxGridLayoutView | Vista layout | [[.:api-controls-data#twvdslayoutview|API]] | ^ TWvdSWinExplorerView | TcxGridWinExplorerView | Vista explorer | [[.:api-controls-data#twvdswinexplorerview|API]] | ^ TWvdSTileView | TcxGridTileView | Vista tile | [[.:api-controls-data#twvdstileview|API]] | ^ TWvdSServerModeSource | TcxServerModeSource | Dati server-mode | [[.:api-controls-data#twvdsservermodesource|API]] | ===== Chart Controls ===== Grafici e visualizzazioni dati. | Control | Equivalente DX | Descrizione | API | ^ TWvdSChart | TcxChart | Grafico base | [[.:api-controls-charts#twvdschart|API]] | ^ TWvdSSparkline | TdxSparkline | Sparkline | [[.:api-controls-charts#twvdssparkline|API]] | ^ TWvdSLineSeries | TcxLineSeries | Grafico a linee | [[.:api-controls-charts#twvdslineseries|API]] | ^ TWvdSAreaSeries | TcxAreaSeries | Grafico ad area | [[.:api-controls-charts#twvdsareaseries|API]] | ^ TWvdSBarSeries | TcxBarSeries | Grafico a barre | [[.:api-controls-charts#twvdsbarseries|API]] | ^ TWvdSPieSeries | TcxPieSeries | Grafico a torta | [[.:api-controls-charts#twvdspieseries|API]] | ^ TWvdSFunnelSeries | TcxFunnelSeries | Grafico a imbuto | [[.:api-controls-charts#twvdsfunnelseries|API]] | ^ TWvdSScatterSeries | TcxScatterSeries | Grafico a dispersione | [[.:api-controls-charts#twvdsscatterseries|API]] | ^ TWvdSBubbleSeries | TcxBubbleSeries | Grafico a bolle | [[.:api-controls-charts#twvdsbubbleseries|API]] | ^ TWvdSCandlestickSeries | TcxCandlestickSeries | Candlestick (borsa) | [[.:api-controls-charts#twvdscandlestickseries|API]] | ^ TWvdSRangeBarSeries | TcxRangeBarSeries | Barre intervallo | [[.:api-controls-charts#twvdsrangebarseries|API]] | ^ TWvdSStackedBarSeries | TcxStackedBarSeries | Barre impilate | [[.:api-controls-charts#twvdsstackedbarseries|API]] | ^ TWvdSRadarSeries | TcxRadarSeries | Grafico radar | [[.:api-controls-charts#twvdsradarseries|API]] | ^ TWvdSTreeMapSeries | TcxTreeMapSeries | TreeMap | [[.:api-controls-charts#twvdstreemapseries|API]] | ^ TWvdSSankeyDiagram | TdxSankeyDiagram | Diagramma Sankey | [[.:api-controls-charts#twvdssankeydiagram|API]] | ^ TWvdSWaterfallSeries | TcxWaterfallSeries | Grafico waterfall | [[.:api-controls-charts#twvdswaterfallseries|API]] | ===== Gauge Controls ===== Indicatori, misuratori e visualizzazioni. | Control | Equivalente DX | Descrizione | API | ^ TWvdSCircularGauge | TdxCircularGauge | Indicatore circolare | [[.:api-controls-gauges#twvdscirculargauge|API]] | ^ TWvdSLinearGauge | TdxLinearGauge | Indicatore lineare | [[.:api-controls-gauges#twvdslineargauge|API]] | ^ TWvdSDigitalGauge | TdxDigitalGauge | Indicatore digitale | [[.:api-controls-gauges#twvdsdigitalgauge|API]] | ^ TWvdSStateIndicator | TdxStateIndicator | Indicatore stato | [[.:api-controls-gauges#twvdsstateindicator|API]] | ^ TWvdSLED | TdxLED | Indicatore LED | [[.:api-controls-gauges#twvdsled|API]] | ^ TWvdSArcScaleGauge | TdxArcScaleGauge | Scala ad arco | [[.:api-controls-gauges#twvdsarcscalegauge|API]] | ^ TWvdSScaleIndicator | TdxScaleIndicator | Indicatore scala | [[.:api-controls-gauges#twvdsscaleindicator|API]] | ^ TWvdSLevelBar | TdxLevelBar | Indicatore livello | [[.:api-controls-gauges#twvdslevelbar|API]] | ^ TWvdSProgressGauge | TdxProgressGauge | Gauge progresso | [[.:api-controls-gauges#twvdsprogressgauge|API]] | ^ TWvdSThermometer | TdxThermometer | Termometro | [[.:api-controls-gauges#twvdsthermometer|API]] | ===== Layout Controls ===== Container e gestione layout. | Control | Equivalente DX | Descrizione | API | ^ TWvdSLayoutControl | TdxLayoutControl | Layout manager | [[.:api-controls-layout#twvdslayoutcontrol|API]] | ^ TWvdSDockingManager | TdxDockingManager | Sistema docking | [[.:api-controls-layout#twvdsdockingmanager|API]] | ^ TWvdSSplitContainer | TcxSplitter | Container split | [[.:api-controls-layout#twvdssplitcontainer|API]] | ^ TWvdSGroupControl | TcxGroupBox | Container gruppo | [[.:api-controls-layout#twvdsgroupcontrol|API]] | ^ TWvdSXtraScrollBox | TcxScrollBox | Container scroll | [[.:api-controls-layout#twvdsxtrascrollbox|API]] | ^ TWvdSFlowLayoutPanel | TdxFlowLayoutControl | Layout flow | [[.:api-controls-layout#twvdsflowlayoutpanel|API]] | ^ TWvdSTableLayoutPanel | TdxTableLayoutControl | Layout tabella | [[.:api-controls-layout#twvdstablelayoutpanel|API]] | ^ TWvdSPopupContainer | TdxPopupEdit | Container popup | [[.:api-controls-layout#twvdspopupcontainer|API]] | ^ TWvdSCardControl | TdxCardControl | Container card | [[.:api-controls-layout#twvdscardcontrol|API]] | ^ TWvdSCollapsibleGroup | TdxLayoutGroup | Gruppo collassabile | [[.:api-controls-layout#twvdscollapsiblegroup|API]] | ===== Bars/Ribbon ===== Barre menu, toolbar e interfacce ribbon. | Control | Equivalente DX | Descrizione | API | ^ TWvdSBarManager | TdxBarManager | Gestore menu | [[.:api-controls-bars#twvdsbarmanager|API]] | ^ TWvdSRibbonControl | TdxRibbonControl | Controllo ribbon | [[.:api-controls-bars#twvdsribboncontrol|API]] | ^ TWvdSRibbonPage | TdxRibbonTab | Pagina ribbon | [[.:api-controls-bars#twvdsribbonpage|API]] | ^ TWvdSRibbonGroup | TdxRibbonGroup | Gruppo ribbon | [[.:api-controls-bars#twvdsribbongroup|API]] | ^ TWvdSBarButton | TdxBarButton | Pulsante toolbar | [[.:api-controls-bars#twvdsbarbutton|API]] | ^ TWvdSBarSubItem | TdxBarSubItem | Sottomenu | [[.:api-controls-bars#twvdsbarsubitem|API]] | ^ TWvdSBarEditItem | TdxBarEditItem | Editor in toolbar | [[.:api-controls-bars#twvdsbaredititem|API]] | ^ TWvdSStatusBar | TdxStatusBar | Barra di stato | [[.:api-controls-bars#twvdsstatusbar|API]] | ^ TWvdSAlertControl | TdxAlertWindow | Notifiche | [[.:api-controls-bars#twvdsalertcontrol|API]] | ^ TWvdSPopupMenu | TdxBarPopupMenu | Menu contestuale | [[.:api-controls-bars#twvdspopupmenu|API]] | ===== Specialized Controls ===== Componenti specializzati per casi d'uso complessi. | Control | Equivalente DX | Descrizione | API | ^ TWvdSScheduler | TcxScheduler | Calendario/Planner | [[.:api-controls-specialized#twvdsscheduler|API]] | ^ TWvdSRichEditControl | TdxRichEditControl | Word-Processor | [[.:api-controls-specialized#twvdsricheditcontrol|API]] | ^ TWvdSSpreadsheetControl | TdxSpreadsheet | Foglio di calcolo | [[.:api-controls-specialized#twvdsspreadsheetcontrol|API]] | ^ TWvdSMapControl | TdxMapControl | Visualizzazione mappa | [[.:api-controls-specialized#twvdsmapcontrol|API]] | ^ TWvdSDiagramControl | TdxDiagramControl | Editor diagrammi | [[.:api-controls-specialized#twvdsdiagramcontrol|API]] | ^ TWvdSPdfViewer | TdxPDFViewer | Visualizzatore PDF | [[.:api-controls-specialized#twvdspdfviewer|API]] | ^ TWvdSImageGallery | TdxImageGallery | Galleria immagini | [[.:api-controls-specialized#twvdsimagegallery|API]] | ^ TWvdSSpellChecker | TdxSpellChecker | Correttore ortografico | [[.:api-controls-specialized#twvdsspellchecker|API]] | ^ TWvdSFilterControl | TcxFilterControl | Costruttore filtri | [[.:api-controls-specialized#twvdsfiltercontrol|API]] | ^ TWvdSExpressionEditor | TcxExpressionEditor | Editor formule | [[.:api-controls-specialized#twvdsexpressioneditor|API]] | ^ TWvdSPropertyGridControl | TcxVerticalGrid | Property-Grid | [[.:api-controls-specialized#twvdspropertygridcontrol|API]] | ^ TWvdSSearchControl | TdxSearchControl | Campo ricerca | [[.:api-controls-specialized#twvdssearchcontrol|API]] | ^ TWvdSRangeControl | TdxRangeControl | Selezione intervallo | [[.:api-controls-specialized#twvdsrangecontrol|API]] | ^ TWvdSZoomTrackBar | TdxZoomTrackBar | Slider zoom | [[.:api-controls-specialized#twvdszoomtrackbar|API]] | ^ TWvdSMarkupEdit | TdxMarkupEdit | Editor markup | [[.:api-controls-specialized#twvdsmarkupedit|API]] | ===== Supporto Target ===== | Target | Descrizione | Stato | ^ TUI | Terminal UI (FPC native) | Completo | ^ GUI | Desktop (LCL/WinAPI) | Pianificato | ^ Web | Browser (pas2js/PWA) | Pianificato | ===== Vedi anche ===== * [[.:control-architektur|Architettura Control]] * [[.:control-vsix-erstellen|Creare Extension VSIX]] * [[.:control-generierung|Generazione Control]] * [[..:p:controls|Controls per Utenti]]