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
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Bypassare l'esecuzione di una GitHub Action su branch protetti
Utilizzare la visualizzazione flex per spostare una sidebar in base alle dimensioni dello schermo
Creare Azure Function con supporto a OpenAPI
Conversione di tipo in una pipeline di Azure DevOps
Utilizzare la keyword with in JavaScript
Compilare automaticamente applicazioni .NET 6 con le pipeline di Azure DevOps e GitHub Action
Eseguire task temporizzati tramite hosted service in ASP.NET Core
Creare classi CSS custom per Bootstrap 5
Dependency injection con Minimal API di ASP.NET Core
Impostare il claim desiderato per il nome utente in ASP.NET Core con Microsoft Identity
Gestire le dipendenze dei nostri pacchetti NuGet in Visual Studio 2019
Impostare l'identity resolution a livello globale in una No-Tracking query di Entity Framework Core