La User eXperience (UX) è un concetto che non solo abbraccia la struttura dei layout e gli stili dei controlli, legati più che altro alla UI, ma riguarda anche la gestione dei suoni, che spesso vengono ignorati nella maggior parte delle applicazioni ma che invece sono utili per dare ancora più immersività e contesto all'utente che sta utilizzando l'applicazione.
Nella Universal Windows Platform alcuni suoni "di sistema" sono già pronti all'uso, ma non sempre sono attivi: è la piattaforma target che, di fatto, decide se abilitare i suoi oppure no. Pensiamo, ad esempio, alla Xbox: poiché questa richiede che l'utente sia concentrato, per offrire un'esperienza migliore i suoni vengono abilitati di default durante la navigazione delle pagine e sulla selezione dei contenuti, cosa che invece non avviene necessariamente sul mondo desktop.
Per unificare l'esperienza ed abilitare l'audio anche sugli altri target, è necessario fare uso della classe ElementSoundPlayer per impostarne sia il volume che la possibilità di riprodurre (oppure no) i suoni:
<Slider Minimum="0" Maximum="100" Value="50" ValueChanged="OnSliderValueChanged" Header="Volume" />
private void OnSliderValueChanged(object sender, RangeBaseValueChangedEventArgs e) { var slider = sender as Slider; var volumeLevel = slider.Value / 100; if (volumeLevel == 0) { ElementSoundPlayer.State = ElementSoundPlayerState.Off; return; } ElementSoundPlayer.State = ElementSoundPlayerState.On; ElementSoundPlayer.Volume = volumeLevel; }
Nell'esempio proposto, il livello del volume è impostato attraverso uno slider mostrato nella UI, così che sia direttamente l'utente a scegliere il livello desiderato. Eventualmente è anche possibile riprodurre i suoni già previsti dalla piattaforma, esposti dall'enum ElementSoundKind:
private void Play() { ElementSoundPlayer.Play(ElementSoundKind.Invoke); }
I suoni predefiniti includono Focus, GoBack, Hide, Invoke, MoveNext/MovePrevious e Show, che sono piuttosto esplicativi nel loro utilizzo e sono già integrati in alcuni controlli di base, come, ad esempio, i pulsanti. In caso in cui si vogliano disabilitare, è sufficiente sfruttare la proprietà ElementSoundMode:
<Button Content="Play" ... ElementSoundMode="Off" />
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Sfruttare lo streaming di una chiamata Http da Blazor
Utilizzare HiLo per ottimizzare le insert in un database con Entity Framework
Determinare lo stato di un pod in Kubernetes
Assegnare un valore di default a un parametro di una lambda in C#
Disabilitare automaticamente un workflow di GitHub
Eseguire query verso tipi non mappati in Entity Framework Core
Creare un'applicazione React e configurare Tailwind CSS
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Usare lo spread operator con i collection initializer in C#
Ottenere il contenuto di una cartella FTP con la libreria FluentFTP
Eseguire le GitHub Actions offline
I più letti di oggi
- Utilizzare WebAssembly con .NET, ovunque
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- Utilizzare il trigger SQL con le Azure Function
- Ottimizzazione dei block template in Angular 17
- Disabilitare automaticamente un workflow di GitHub (parte 2)