Molte delle interazioni che usiamo nelle moderne applicazioni mobile sono diventate di uso comune.
Pensiamo al nostro programma di posta elettronica preferito: per cancellare un messaggio è sufficiente una semplice gesture di slide da destra verso sinistra.
Quella che può sembrare un'azione semplice può richiedere tempi di sviluppo non proprio brevi, perché nessun controllo nella UWP dispone di questo comportamento out of the box.
Anche in questo caso,ci viene in aiuto il UWP Community Toolkit con un controllo ad hoc: lo SlidableListItem. Questo controllo è pensato per essere usato all'interno di una DataTemplate per controlli come la ListView.
Di seguito la sintassi delle proprietà che permettono di impostare icona e label per lo swipe destro e sinistro, più l'eventuale colore di sfondo.
<controls:SlidableListItem LeftIcon="Favorite" RightIcon="Delete" LeftLabel="Set Favorite" RightLabel="Delete" LeftBackground="Green" RightBackground="Red" LeftForeground="White" RightForeground="Black" ActivationWidth="100" MouseSlidingEnabled="True" LeftCommand="ToggleFavorite" RightCommandRequested="event_handler"> </controls:SlidableListItem>
Se il controllo viene utilizzato come data template di una ListView e contemporaneamente viene intercettato il Click, lo swipe di default scatenerà questo evento. La proprietà IsPointerReleasedOnSwipingHandled permette se impostata a false di modificare questo comportamento.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Usare il colore CSS per migliorare lo stile della pagina
.NET Conference Italia 2023
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Creare un webhook in Azure DevOps
Reactive form tipizzati con modellazione del FormBuilder in Angular
Aggiungere interattività lato server in Blazor 8
Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
Cambiare la chiave di partizionamento di Azure Cosmos DB
Disabilitare automaticamente un workflow di GitHub (parte 2)
Eseguire una GroupBy per entity in Entity Framework
Gestire undefined e partial nelle reactive forms di Angular
Miglioramenti nelle performance di Angular 16
I più letti di oggi
- Migliorare la scalabilità delle Azure Function con il Flex Consumption
- Accettare un tipo nativo nel body di una richiesta a ASP.NET Web API
- Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
- Verificare se una lista è vuota usando la proprietà Count o i metodi Any e Count
- Chiamare direttamente un numero di telefono con HTML5