La CommandBar nelle Universal App

di , in Windows Phone 8.1, Windows Phone, WinRT,

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.

Commenti

Visualizza/aggiungi commenti

La CommandBar nelle Universal App (#142) 1010 1
| 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