Abbiamo già parlato in uno script precedente della gestione basilare delle notifiche all'interno della Universal Windows Platform. Oggi, invece, affrontiamo un tema più complesso, ovvero come interagire con le notifiche.
Il più semplice livello di interazione è rappresentato dai pulsanti, che permettono, nel caso di una sveglia, ad esempio, di spegnerla oppure di fare lo snooze e riprogrammarla. Per aggiungere i pulsanti è sufficiente aggiungere le Actions al template della notifica toast:
ToastContent toastContent = new ToastContent() { Visual = new ToastVisual() { ... }, Actions = new ToastActionsCustom() { Buttons = { new ToastButton("Snooze", "action=snooze") { ActivationType = ToastActivationType.Foreground }, new ToastButton("Cancel", "action=cancel") { ActivationType = ToastActivationType.Foreground } } }, }; var toast = new ToastNotification(toastContent.GetXml()); ToastNotificationManager.CreateToastNotifier().Show(toast);
L'azione impostata, in questo caso, rimanda all'evento OnActivated della classe App, in cui si potranno recuperare i parametri "snooze" o "cancel" e fare azioni corrispondenti all'evento selezionato, mentre l'applicazione si aprirà nella modalità foreground.
Poiché si sta parlando di una applicazione che simula una sveglia, probabilmente si vuole anche dare all'utente la possibilità di scegliere il prossimo reminder. Per farlo, oltre alla proprietà Buttons è necessario aggiungere la proprietà Inputs, in cui vengono registrate tutte le possibili scelte:
Actions = new ToastActionsCustom() { Buttons = { ... }, Inputs = { new ToastSelectionBox("snoozetiming") { DefaultSelectionBoxItemId = "5", Items = { new ToastSelectionBoxItem("5", "5 minuti"), new ToastSelectionBoxItem("10", "10 minuti"), new ToastSelectionBoxItem("15", "15 minuti") } } } }
E il risultato finale sarà molto simile al seguente:
Come si può notare, è possibile scegliere tramite una combobox il timing preferito e, una volta cliccato sul pulsante, si verrà rimandati di nuovo all'evento OnActivated, dove si potrà recuperare l'item selezionato tramite la proprietà UserInput.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Usare le variabili per personalizzare gli stili CSS
Verificare la provenienza di un commit tramite le GitHub Actions
Gestire undefined e partial nelle reactive forms di Angular
Migliorare la sicurezza dei prompt con Azure AI Studio
Configurare dependabot per aggiornare le dipendenze di terze parti con GitHub Actions
Utilizzare un service principal per accedere a Azure Container Registry
Gestire la cancellazione di una richiesta in streaming da Blazor
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Limitare le richieste lato server con l'interactive routing di Blazor 8
Utilizzare il trigger SQL con le Azure Function
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript