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
Utilizzare i primary constructor di C# per inizializzare le proprietà
Miglioramenti nelle performance di Angular 16
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Aggiornare a .NET 9 su Azure App Service
Creare una libreria CSS universale: Clip-path
Migliorare la scalabilità delle Azure Function con il Flex Consumption
Utilizzare EF.Constant per evitare la parametrizzazione di query SQL
Creare una libreria CSS universale: Immagini
Creare una libreria CSS universale - Rotazione degli elementi
Utilizzare Azure Cosmos DB con i vettori
Ottimizzazione dei block template in Angular 17
Evitare (o ridurre) il repo-jacking sulle GitHub Actions