====== API: Navigation Controls ======

Riferimento API per control di navigazione e wizard.

===== TWvdSTabControl =====

Navigazione basata su tab.

==== Namespace ====

''WvdS.UI.Controls.Navigation''

==== PXAML ====

<code xml>
<TabControl SelectedIndex="{Binding ActiveTab}">
  <TabItem Header="General">
    <GeneralSettings />
  </TabItem>
  <TabItem Header="Advanced">
    <AdvancedSettings />
  </TabItem>
</TabControl>
</code>

==== Properties ====

| Property | Tipo | Default | Descrizione |
^ Items | TWvdSTabItemCollection | nil | Tab-Item |
^ SelectedIndex | Integer | 0 | Indice tab attivo |
^ SelectedItem | TWvdSTabItem | nil | Tab-Item attivo |
^ TabStripPlacement | TWvdSPlacement | pTop | Top, Bottom, Left, Right |
^ IsClosable | Boolean | False | Tab chiudibili |

==== Events ====

| Event | Firma | Descrizione |
^ OnSelectionChanged | TSelectionChangedEvent | Tab cambiato |
^ OnTabClosing | TTabClosingEvent | Tab in chiusura |

==== TWvdSTabItem ====

<code pascal>
TWvdSTabItem = class(TWvdSContentControl)
  property Header: string;
  property Content: TWvdSFrameworkElement;
  property IsEnabled: Boolean;
  property Icon: TWvdSImageSource;
end;
</code>

----

===== TWvdSAccordion =====

Pannelli espandibili.

==== Namespace ====

''WvdS.UI.Controls.Navigation''

==== PXAML ====

<code xml>
<Accordion ExpandMode="Single">
  <AccordionItem Header="Section 1" IsExpanded="True">
    <ContentPanel1 />
  </AccordionItem>
  <AccordionItem Header="Section 2">
    <ContentPanel2 />
  </AccordionItem>
</Accordion>
</code>

==== Properties ====

| Property | Tipo | Default | Descrizione |
^ Items | TWvdSAccordionItemCollection | nil | Item accordion |
^ ExpandMode | TWvdSExpandMode | emSingle | Single, Multiple |
^ SelectedItem | TWvdSAccordionItem | nil | Item attivo |

==== TWvdSAccordionItem ====

| Property | Tipo | Descrizione |
^ Header | string | Intestazione |
^ Content | TWvdSFrameworkElement | Contenuto |
^ IsExpanded | Boolean | Espanso |
^ Icon | TWvdSImageSource | Icona |

----

===== TWvdSBreadcrumb =====

Navigazione breadcrumb.

==== Namespace ====

''WvdS.UI.Controls.Navigation''

==== PXAML ====

<code xml>
<Breadcrumb Path="{Binding CurrentPath}"
            Separator=">"
            OnPathChanged="OnNavigate" />
</code>

==== Properties ====

| Property | Tipo | Default | Descrizione |
^ Path | string | '' | Percorso attuale |
^ Items | TWvdSBreadcrumbItemCollection | nil | Elementi percorso |
^ Separator | string | '/' | Separatore |
^ IsEditable | Boolean | False | Percorso editabile |

==== Events ====

| Event | Firma | Descrizione |
^ OnPathChanged | TPathChangedEvent | Percorso modificato |
^ OnItemClick | TItemClickEvent | Item cliccato |

----

===== TWvdSPager =====

Navigazione pagine per liste.

==== Namespace ====

''WvdS.UI.Controls.Navigation''

==== PXAML ====

<code xml>
<Pager CurrentPage="{Binding CurrentPage}"
       TotalPages="{Binding TotalPages}"
       PageSize="25" />
</code>

==== Properties ====

| Property | Tipo | Default | Descrizione |
^ CurrentPage | Integer | 1 | Pagina attuale |
^ TotalPages | Integer | 1 | Pagine totali |
^ PageSize | Integer | 10 | Voci per pagina |
^ TotalItems | Integer | 0 | Voci totali |
^ DisplayMode | TWvdSPagerMode | pmNumeric | Numeric, NextPrev, Full |

==== Events ====

| Event | Firma | Descrizione |
^ OnPageChanged | TPageChangedEvent | Pagina cambiata |

----

===== TWvdSWizard =====

Assistente passo-passo.

==== Namespace ====

''WvdS.UI.Controls.Navigation''

==== PXAML ====

<code xml>
<Wizard SelectedPageIndex="{Binding CurrentStep}"
        OnFinish="OnWizardComplete">
  <WizardPage Title="Welcome" CanNext="True">
    <WelcomeContent />
  </WizardPage>
  <WizardPage Title="Configuration" CanBack="True" CanNext="{Binding IsValid}">
    <ConfigContent />
  </WizardPage>
  <WizardPage Title="Finish" CanBack="True" CanFinish="True">
    <SummaryContent />
  </WizardPage>
</Wizard>
</code>

==== Properties ====

| Property | Tipo | Default | Descrizione |
^ Pages | TWvdSWizardPageCollection | nil | Pagine wizard |
^ SelectedPageIndex | Integer | 0 | Pagina attiva |
^ SelectedPage | TWvdSWizardPage | nil | Pagina attiva |
^ ShowNavigationButtons | Boolean | True | Mostra pulsanti nav |
^ CanCancel | Boolean | True | Annulla possibile |

==== Events ====

| Event | Firma | Descrizione |
^ OnPageChanging | TPageChangingEvent | Prima cambio pagina |
^ OnFinish | TNotifyEvent | Wizard completato |
^ OnCancel | TNotifyEvent | Wizard annullato |

==== TWvdSWizardPage ====

| Property | Tipo | Descrizione |
^ Title | string | Titolo pagina |
^ Description | string | Descrizione |
^ Content | TWvdSFrameworkElement | Contenuto |
^ CanBack | Boolean | Indietro possibile |
^ CanNext | Boolean | Avanti possibile |
^ CanFinish | Boolean | Fine possibile |

----

===== TWvdSNavBar =====

Barra navigazione verticale.

==== Namespace ====

''WvdS.UI.Controls.Navigation''

==== PXAML ====

<code xml>
<NavBar SelectedItem="{Binding SelectedMenu}">
  <NavBarGroup Header="Main">
    <NavBarItem Caption="Dashboard" Icon="home" />
    <NavBarItem Caption="Orders" Icon="list" />
  </NavBarGroup>
  <NavBarGroup Header="Settings">
    <NavBarItem Caption="Preferences" Icon="settings" />
  </NavBarGroup>
</NavBar>
</code>

==== Properties ====

| Property | Tipo | Default | Descrizione |
^ Groups | TWvdSNavBarGroupCollection | nil | Gruppi |
^ SelectedItem | TWvdSNavBarItem | nil | Item selezionato |
^ IsCollapsed | Boolean | False | Collassato |
^ CollapsedWidth | Integer | 50 | Larghezza collassato |
^ ExpandedWidth | Integer | 200 | Larghezza espanso |

==== Events ====

| Event | Firma | Descrizione |
^ OnItemSelected | TItemSelectedEvent | Item selezionato |

----

===== TWvdSTileControl =====

Navigazione basata su tile (stile Metro).

==== Namespace ====

''WvdS.UI.Controls.Navigation''

==== PXAML ====

<code xml>
<TileControl>
  <TileGroup Header="Applications">
    <Tile Caption="Mail" Icon="mail" Size="Large"
          Background="Blue" Command="{Binding OpenMail}" />
    <Tile Caption="Calendar" Icon="calendar" Size="Normal" />
    <Tile Caption="Tasks" Icon="check" Size="Small" />
  </TileGroup>
</TileControl>
</code>

==== Properties ====

| Property | Tipo | Default | Descrizione |
^ Groups | TWvdSTileGroupCollection | nil | Gruppi tile |
^ ItemSize | TWvdSTileSize | tsNormal | Dimensione default |
^ Orientation | TWvdSOrientation | oHorizontal | Disposizione |

==== TWvdSTile ====

| Property | Tipo | Descrizione |
^ Caption | string | Titolo |
^ Icon | TWvdSImageSource | Icona |
^ Size | TWvdSTileSize | Small, Normal, Wide, Large |
^ Background | TWvdSBrush | Sfondo |
^ Command | IWvdSCommand | Command click |
^ Badge | string | Testo badge |

----

===== Vedi anche =====

  * [[.:control-bibliothek|Libreria Control]]
  * [[.:api-controls-basic|API Basic Controls]]
  * [[.:api-controls-bars|API Bars/Ribbon]]