Gestione delle Application Bar nelle Windows Store Universal App

di Daniele Bochicchio, 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

| 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