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.