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
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Definire lo stile CSS in base alle dimensioni del container
Code scanning e advanced security con Azure DevOps
Mascherare l'output di un valore all'interno dei log di un workflow di GitHub
Specificare il versioning nel path degli URL in ASP.NET Web API
Criptare la comunicazione con mTLS in Azure Container Apps
Generare file per il download da Blazor WebAssembly
Utilizzare gli snapshot con Azure File shares
Copiare automaticamente le secret tra più repository di GitHub
Creare moduli CSS in React
Utilizzare HiLo per ottimizzare le insert in un database con Entity Framework
Utilizzare politiche di resiliency con Azure Container App