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
Short-circuiting della Pipeline in ASP.NET Core
Copiare automaticamente le secret tra più repository di GitHub
Effettuare chiamate con versioning da Blazor ad ASP.NET Core
Evitare la script injection nelle GitHub Actions
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Usare un KeyedService di default in ASP.NET Core 8
Utilizzare la session affinity con Azure Container Apps
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Creare form tipizzati con Angular
Eseguire attività con Azure Container Jobs
I più letti di oggi
- Elencare gli utenti di un dominio NT con ADSI
- Creare un messaggio di posta in diversi formati con ASP.NET 2.0
- Utilizzare SQL e #linq per eseguire una query con #entityframework Core https://aspit.co/bfv di @sm15455 #efcore1
- Utilizzare il metodo reduce in #javascript https://aspit.co/ccc di @morwalpiz
- Disponibile il codice sorgente di ASP.NET MVC
- rilasciati nuovi template per la #aspnet web pages. funzionano anche con #webmatrix: http://u.aspitalia.com/lu