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
Gestire domini wildcard in Azure Container Apps
Effettuare chiamate con versioning da Blazor ad ASP.NET Core
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Eseguire operazioni con timeout in React
Utilizzare Azure AI Studio per testare i modelli AI
Eseguire attività pianificate con Azure Container Jobs
Utilizzare i primary constructor in C#
Paginare i risultati con QuickGrid in Blazor
Configurare policy CORS in Azure Container Apps
Utilizzare la session affinity con Azure Container Apps
Hosting di componenti WebAssembly in un'applicazione Blazor static
Ottimizzazione dei block template in Angular 17
I più letti di oggi
- Microsoft annuncia Windows "TrustBridge"
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Estrarre dati randomici da una lista di oggetti in C#
- Usare il colore CSS per migliorare lo stile della pagina
- Configurare il nome della run di un workflow di GitHub in base al contesto di esecuzione