Quando dobbiamo realizzare delle interfacce per l'immissione dati che contengono più di una TexBox, può risultare utile passare da un controllo all'altro utilizzando la tabulazione. La tastiera di Windows Phone, a differenza di quella de personal computer, non ha un tasto per la tabulazione, quindi, le proprietà TabIndex e IsTabStop, rischiano di rimanere inutilizzate.
Per ovviare a questo problema, possiamo realizzare un behavior, che alla pressione del tasto invio, sposti il focus all'elemento successivo nell'ordine determinato dal valore della proprietà TabIndex. Creiamo una nuova classe, e chiamiamola TabNavigationBehavior, estendiamo il tipo Behavior, e impostiamo il generic gype parameter al tipo Panel.
public class TabNavigationBehavior : Behavior<Panel> { }
Eseguiamo l'override del metodo OnAttached, e sottoscriviamo l'evento KeyDown in modo da richiamare il metodo OnKeyDown.
protected override void OnAttached() { base.OnAttached(); this.AssociatedObject.KeyDown += OnKeyDown; }
Il metodo OnKeyDown riceve due parametri: "sender", del tipo object , rappresenta un riferimento all'oggetto associato all'evento, ed "e", del tipo KeyEventArgs. Controlliamo mediante la proprietà Key esposta dal tipo KeyEventArgs, che il tasto che ha ricevuto il tap corrisponda l'invio.
In caso affermativo utilizziamo il metodo CreateControlCollection per popolare una collezione chiamata controls, contenente i controlli contenuti nel pannello. Selezioniamo solo i controlli con la proprietà IsTabStop impostata a true e ordiniamo utilizzando il valore della proprietà TabIndex.
private void CreateControlCollection() { controls = AssociatedObject.Children.OfType<Control>().Where(c => c.IsTabStop).OrderBy(c => c.TabIndex).ToList(); }
Se la collezione contiene più di un elemento, utilizziamo il metodo GetFocusElement, esposto dalla classe FocusManager, per recuperare l'elemento che ha il Focus e salvarlo nel campo focusedControl.
Recuperiamo la posizione che il controllo focusedControl occupa all'interno della collezione controls, e usiamo l'indice così ottenuto per recuperare l'elemento successivo che deve ricevere il focus .
void OnKeyDown(object sender, KeyEventArgs e) { if (e.Key == Key.Enter) { if (controls == null) CreateControlCollection(); if (controls.Count > 0) { Control focusedControl = FocusManager.GetFocusedElement() as Control; if (focusedControl == null) focusedControl = controls[0]; int index = controls.IndexOf(focusedControl); Control nextFocusedControl = index + 1 >= controls.Count ? controls[0] : controls[index + 1]; nextFocusedControl.Focus(); } } }
Non ci resta che compilare e associare il behavior al pannello che contiene l'interfaccia d'immissione dati.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Gestire errori temporanei in una comunicazione gRPC con ASP.NET Core 6
Bypassare l'esecuzione di una GitHub Action su branch protetti
Aumentare le prestazioni di Blazor con la compilazione Ahead of Time
Reagire alle modifiche della configurazione di ASP.NET Core
Scenari di test avanzati con ASP.NET Core
Tracciare gli eventi tramite i DevTools di Chrome
Configurare EF Core 6 con le minimal API di ASP.NET
Utilizzare WordPress con Azure App Service
Eseguire query in parallelo con Entity Framework Core and ASP.NET Core
Gestire le chiamate a servizi esterni in ASP.NET Core e Blazor tramite Polly
Creare velocemente microservice grazie a minimal API di ASP.NET Core 6
Nullish coalescing e decostruzione in JavaScript
I più letti di oggi
- devConf 2022 - Online
- Sviluppare applicazioni serverless con Azure Container Apps
- Usare NGINX come reverse proxy di ASP.NET Core
- Generare un grafico a torta utilizzando canvas e la libreria Chart.js
- Recuperare la data di creazione e ultima modifica di un record con Entity Framework Core e le temporal table di SQL Server
- Creare un adorner personalizzato per le trading cards di PivotViewer in Silverlight 5.0