Le differenze di interfaccia tra Windows e Windows Phone sono molte: diversi sono gli scenari d'uso e diversi sono i device.
Nonostante ciò, grazie alle Universal App, è possibile sviluppare applicazioni che, a parità di XAML, si adattino ai singoli sistemi operativi.
Nello script di oggi vedremo come il controllo CommandBar adatti la propria UI e UX.

<Page.BottomAppBar>
    <CommandBar>
      <CommandBar.PrimaryCommands>
        <AppBarButton Icon="Accept"
                      Label="appbarbutton" />
        <AppBarButton Icon="Cancel"
                      Label="appbarbutton" />
      </CommandBar.PrimaryCommands>
      <CommandBar.SecondaryCommands>
        <AppBarButton Label="menu 1"
                      Icon="Folder" />
        <AppBarButton Label="menu 2"
                      Icon="Library" />
      </CommandBar.SecondaryCommands>
    </CommandBar>
  </Page.BottomAppBar>

La CommandBar espone due proprietà del tipo IObservableVector: PrimaryCommands e SecondaryCommands. La prima definisce i comandi primari, visualizzati sulla destra in Windows e allineati al centro in Windows Phone. La seconda, invece, specifica i comandi secondari, posti alla sinistra in Windows e visibili in Windows Phone solo tappando sui tre puntini in basso a destra.

Inoltre, la CommandBar in Windows è visualizzata mediante una semplice gesture che dal basso dello schermo va verso l'alto, mentre è sempre visibile in Windows Phone.