AppBar più semplici con CommandBar di WinRT 8.1

di Alessio Leoncini, in WinRT 8.1,

Nello script #41 (https://www.winrtitalia.com/script/41/Controlli-Application-Bar-Windows-8.1.aspx) abbiamo visto i nuovi controlli AppBarButton con cui è molto semplice creare i pulsanti da inserire nelle AppBar delle nostre Windows Store app.

Per semplificarci ulteriormente la creazione delle application bar, in Windows 8.1 è stato inserito il controllo CommandBar che gestisce per noi il layout dei pulsanti generali e contestuali, rispettivamente con le proprietà PrimaryCommands e SecondaryCommands.

Nei PrimaryCommands è consigliato inserire i pulsanti le cui funzionalità si riferiscono all'applicazione o alla view corrente e vengono mostrati nella parte destra dell'application bar. I SecondaryCommands, invece, vengono mostrati nella parte sinistra della barra e dovrebbero contenere le funzionalità peculiari della view corrente rispetto alle altre dell'applicazione, oppure funzionalità contestuali all'elemento correntemente selezionato.

<Page.BottomAppBar>
  <CommandBar>
    <CommandBar.PrimaryCommands>
      <AppBarToggleButton Icon="Shuffle"
                Label="Shuffle" />
      <AppBarSeparator />
      <AppBarButton Icon="Back"
              Label="Back" />
      <AppBarButton Icon="Stop"
              Label="Stop" />
    </CommandBar.PrimaryCommands>

    <CommandBar.SecondaryCommands>
      <AppBarButton Icon="Like"
              Label="Like" />
      <AppBarButton Icon="Dislike"
              Label="Dislike" />
    </CommandBar.SecondaryCommands>
  </CommandBar>
</Page.BottomAppBar>

Entrambe le proprietà accettano collezioni di oggetti ICommandBarElement cioè AppBarButton, AppBarToggleButton e AppBarSeparator. Grazie alle nuove funzionalità di questi oggetti, la CommandBar gestisce automaticamente il posizionamento dei pulsanti quando modalità portrait, compattandoli, sfruttando la loro modalità ristretta attivabile manualmente con la proprietà IsCompact.

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi