In alcuni casi può capitare di dover spostare il focus da un elemento dell'UI all'altro. Nel momento in cui si assegna il focus, ad esempio ad una TextBox, viene immediatamente mostrata la keyboard associata.
Per esigenze di UX e UI, l'elemento che deve ricevere il focus può non essere sempre visibile, e, magari, deve entrare nella view con una breve animazione.
Per evitare di assegnare troppo presto il focus all'elemento, dobbiamo attendere la conclusione dello StoryBoard con l'animazione.
Possiamo creare un Behavior per assegnare il focus solo quando lo StoryBoard assegnato termina e l'oggetto è ormai in posizione.
public class FocusOnCompleStoryBoardBehavior : Behavior<TextBox> { public static readonly DependencyProperty StoryboardProperty = DependencyProperty.Register("Storyboard", typeof(Storyboard),typeof(FocusOnCompleStoryBoardBehavior),new PropertyMetadata(new PropertyChangedCallback(FocusOnCompleStoryBoardBehavior.OnStoryboardChanged))); protected static void OnStoryboardChanged(DependencyObject sender, DependencyPropertyChangedEventArgs args) { FocusOnCompleStoryBoardBehavior action = sender as FocusOnCompleStoryBoardBehavior; if (action.Storyboard != null) action.Storyboard.Completed += action.StoryboardOnCompleted; } [CustomPropertyValueEditor(System.Windows.Interactivity.CustomPropertyValueEditor.Storyboard)] public Storyboard Storyboard { get { return (Storyboard)base.GetValue(StoryboardProperty); } set { base.SetValue(StoryboardProperty, value); } } private void StoryboardOnCompleted(object sender, EventArgs eventArgs) { AssociatedObject.Focus(); } }
Abbiamo creato una nuova classe che estende Behavior<T> e sostituiamo T con il tipo TextBox. Questo vuol dire che il Behavior è assegnabile solo alle TextBox.
Infine, creiamo un nuova DependencyProperty chiamata Storyboard, come il tipo. Nel callback invocato quando il valore della proprietà cambia, ci registriamo per l'evento Completed dello Storyboard. Quando quest'event handler viene invocato, non facciamo altro che spostare il focus sulla TextBox associata.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Usare il colore CSS per migliorare lo stile della pagina
Usare i servizi di Azure OpenAI e ChatGPT in ASP.NET Core con Semantic Kernel
Autenticazione di git tramite Microsoft Entra ID in Azure DevOps
Aggiornare a .NET 9 su Azure App Service
Utilizzare una qualunque lista per i parametri di tipo params in C#
Utilizzare il nuovo modello GPT-4o con Azure OpenAI
Creare un webhook in Azure DevOps
Utilizzare Azure Cosmos DB con i vettori
Gestione degli eventi nei Web component HTML
Triggerare una pipeline su un altro repository di Azure DevOps
Utilizzare Container Queries nominali
Utilizzare gRPC su App Service di Azure
I più letti di oggi
- #lightswitch 2012 supporta nativamente #html5, #jquery e #jquerymobile. è stato mostrato girare su #ipad a #msteched
- 6 giorni al lancio di #netfx4 e #vs10ita. segui il nostro speciale su http://u.aspitalia.com/gh
- Una preview della prossima versione di #VisualStudio con cui creare #metrostyle app http://aspitalia.com/build-win8 #BldWin
- #vs14 ctp2 è disponibile come VM in #azure o per il download. supporto per il touch e tutte novità su https://aspit.co/awc
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- #IE10 disponibile al download da subito: http://aspitalia.com/vf http://aspitalia.com/mix-11 #mix11
- Viene mostrata la nuova start screen di Windows Phone 8 https://aspit.co/wp-summit #WPSummit