Negli script precedenti abbiamo trattato il controllo SwipeView, descrivendo il suo utilizzo e come sia possibile personalizzarne il layout. In questo script, invece, andremo a spiegare come modificare l'interazione con il componente.
Di default, il controllo SwipeView viene visualizzato nel momento in cui l'utente esegue uno swipe, rimane aperto per consentire la scelta nel menu "secondario" e, quindi, si richiude dopo il tap su uno degli elementi disponibili. Con l'attributo Mode impostato al valore Execute andiamo a cambiare questo comportamento e, infatti, allo swipe verrà eseguito in automatico l'invoke o il relativo Command dello SwipeItem in esso contenuto: questa modalità si contrappone al valore di default Reveal.
<SwipeItems Mode="Execute"> <SwipeItem Text="Delete" Command="{Binding DeleteCommand}" /> </SwipeItems>
Oltre a gestire come vengono eseguite le azioni, possiamo stabilire come il controllo reagisca all'esecuzione di tali azioni. Abbiamo a disposizione tre diverse metodologie:
- Auto (default): la swipe viene chiusa nel momento dell'invoke, rimarrà invece aperta se la modalità dello swipe è Execute;
- Close: la swipe verrà chiusa sempre nel momento dell'invoke;
- RemainOpen: la swipe rimarrà aperta anche dopo il metodo invoke.
<SwipeItems SwipeBehaviorOnInvoked="RemainOpen"> <!-- SwipeItems --> </SwipeItems>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Aggiungere interattività lato server in Blazor 8
Gestire la cancellazione di una richiesta in streaming da Blazor
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Configurare il nome della run di un workflow di GitHub in base al contesto di esecuzione
Utilizzare Azure Cosmos DB con i vettori
Garantire la provenienza e l'integrità degli artefatti prodotti su GitHub
Usare lo spread operator con i collection initializer in C#
Utilizzare Azure AI Studio per testare i modelli AI
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Potenziare Azure AI Search con la ricerca vettoriale
Utilizzare Tailwind CSS all'interno di React: installazione
C# 12: Cosa c'è di nuovo e interessante