Gestione delle Application Bar nelle Windows Store Universal App

di , in WinRT 8.1, ApplicationBar, Universal App,

Le Universal App consentono di replicare facilmente la user experience di un'applicazione su tablet e telefono, condividendo gran parte del codice e facilitando lo sviluppo.

Rendendo possibile un'unica definizione del markup e del codice, diventa necessario che i controlli siano in grado di adattarsi alle differenti caratteristiche di Windows e Windows Phone. Un'area in cui è particolarmente differente la resa è quello della application bar, un'area in basso alla schermo dedicata ai comandi, data la differenza di spazio a disposizione.

Per implementare questa funzionalità su entrambe le piattaforme, ci basta utilizzare il controllo CommandBar, impostato come application bar inferiore della pagina:

<Page.BottomAppBar>
  <CommandBar>
    <CommandBar.PrimaryCommands>
      <AppBarButton Icon="Refresh" Label="Aggiorna" />
    </CommandBar.PrimaryCommands>
    
    <CommandBar.SecondaryCommands>
      <AppBarButton Icon="ContactInfo" Label="Contatti" />
    </CommandBar.SecondaryCommands>
  </CommandBar>
</Page.BottomAppBar>

L'effetto che otteniamo è che Windows avremo un'app bar con i primary command a destra e quelli secondari a sinistra (come da guidelines), mentre su Windows Phone i primary command diventeranno le icone (fino a 4) e i secondary command saranno accessibili come link nel menu a scomparsa.

Commenti

Visualizza/aggiungi commenti

Gestione delle Application Bar nelle Windows Store Universal App (#65) 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