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
Proteggere l'endpoint dell'agente A2A delle Logic App
Importare repository da Bitbucket a GitHub Enterprise Cloud
Effettuare un clone parziale di un repository di GitHub
Introduzione a GitHub Copilot CLI
Gestione ciclo di vita in .NET Aspire
Monitorare le tabelle di Azure SQL Database con Change Event Streaming
Definire il metodo di rilascio in .NET Aspire
Controllare la velocità di spostamento su una pagina HTML
Utilizzare le View Transition API di JavaScript
Utilizzare WebJobs su Linux con Azure App Service
Evidenziare una porzione di testo in un pagina dopo una navigazione
Il nuovo persistent state in Blazor




