Il Surface Dial è un accessorio che rientra in una nuova categoria, mai vista prima, di prodotti che sfruttano un avanzato sistema di controllo, tramite un collegamento BLE, per interagire con i contenuti delle applicazioni della Universal Windows Platform e permette di scorrere pagine web, modificare il volume, modificare gli strumenti di disegno e molto altro ancora, attraverso l'uso della mano secondaria, un po' come avviene nel caso del mouse. Sebbene sia stato presentato con il Surface Studio, con il quale lavora in perfetta sinergia, Surface Dial è in grado di funzionare in tutte le applicazioni native in Windows 10 a partire dall'Anniversary Update, grazie all'introduzione delle API per i RadialController.
Per aggiungere il supporto al Surface Dial è necessario creare un oggetto RadialController a partire dalla view corrente e, successivamente, lo si può personalizzare aggiungendo tutti i pulsanti e le relative funzionalità di cui l'applicazione necessita:
private void CreateRadialHandler() { var myController = RadialController.CreateForCurrentView(); // creo dei pulsanti personalizzati. var volume = RadialControllerMenuItem.CreateFromKnownIcon("Volume", RadialControllerMenuKnownIcon.Volume); var scroll = RadialControllerMenuItem.CreateFromKnownIcon("Scroll", RadialControllerMenuKnownIcon.Scroll); var zoom = RadialControllerMenuItem.CreateFromFontGlyph("Zoom", "ZoomIn", "SegoeUI"); var undo = RadialControllerMenuItem.CreateFromIcon("Undo", RandomAccessStreamReference.CreateFromUri(new Uri("ms-appx:///Assets/Undo.png"))); // aggiungo i pulsanti al menù myController.Menu.Items.Add(volume); myController.Menu.Items.Add(scroll); myController.Menu.Items.Add(zoom); myController.Menu.Items.Add(undo); // registro gli eventi myController.ButtonClicked += MyController_ButtonClicked; myController.RotationChanged += MyController_RotationChanged; }
In questo caso specifico, una volta ottenuto l'oggetto controller, abbiamo aggiunto al menù quattro pulsanti differenti, le cui icone sono state recuperate a partire da risorse note, da glyph e da icone inserite all'interno dell'applicazione stessa. Infine, ci siamo registrati agli eventi relativi al click di un elemento sul menù e alla rotazione del Dial, ma ci si può anche registrare all'evento ScreenContactStarted in caso in cui si vogliano applicare condizioni specifiche in base alla posizione in cui il Dial è stato appoggiato allo schermo. Il risultato finale sarà simile al seguente:

L'utilizzo di queste API richiede la presenza di un device fisico, dato che non è presente un vero e proprio simulatore, ma è possibile installare pacchetti di NuGet, tipo InTheHand.UI.Input.SimulatedRadialController, che sfruttano il mouse per realizzare comportamenti similari e così facendo sarete in grado di testare il codice appena scritto. In ogni caso, rimandiamo alla documentazione tecnica che è molto completa e spiega anche come realizzare scenari specifici: https://docs.microsoft.com/en-us/windows/uwp/design/input/windows-wheel-interactions
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Gestire il colore CSS con HWB
Eseguire query per recuperare il padre di un record che sfrutta il tipo HierarchyID in Entity Framework
Escludere alcuni file da GitHub Secret Scanning
Collegare applicazioni server e client con .NET Aspire
Eseguire i worklow di GitHub su runner potenziati
Selettore CSS :has() e i suoi casi d'uso avanzati
Utilizzare Azure Cosmos DB con i vettori
Ottimizzazione dei block template in Angular 17
Evitare il flickering dei componenti nel prerender di Blazor 8
Triggerare una pipeline su un altro repository di Azure DevOps
Cambiare la chiave di partizionamento di Azure Cosmos DB
Filtering sulle colonne in una QuickGrid di Blazor
I più letti di oggi
- Utilizzare gli schematics di Capacitor per Angular
- Ottenere il riferimento alla finestra che ha aperto un'altra finestra con HTML5 e JavaScript
- Una chat P2P con Windows Communication Foundation
- Mostrare un Popup di Feedback nella Universal Windows Platform
- Applicare effetti di luce nella Universal Windows Platform