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
Controllare gli accessi IP alle app con Azure Container Apps
Hosting di componenti WebAssembly in un'applicazione Blazor static
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Inizializzare i container in Azure Container Apps
Utilizzare le collection expression in C#
C# 12: Cosa c'è di nuovo e interessante
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Short-circuiting della Pipeline in ASP.NET Core
Eseguire una GroupBy per entity in Entity Framework