Quando si vuole comporre una form, oppure quando ci sono campi variabili, spesso si trasformano campi visibili in nascosti in modo piuttosto brutale: questo perché il sistema offre di default una proprietà Visibility che può assumere solo due valori: visibile e nascosto. Spesso però, questa transizione tra i due stati è troppo veloce (immaginiamoci soprattutto di voler nascondere una immagine di grandi dimensioni) e potrebbe generare un effetto indesiderato all'utente finale.
Grazie al Windows Community Toolkit, ovvero una serie di utility che aiutano gli sviluppatori a realizzare comportamenti complessi, e al suo relativo pacchetto di NuGet, è possibile aggiungere un effetto di Fade a tutti i controlli disponibili sullo XAML:
<Page ... xmlns:interactivity="using:Microsoft.Xaml.Interactivity" xmlns:behaviors="using:Microsoft.Toolkit.Uwp.UI.Animations.Behaviors"/> <Button Content="MyButton"> <interactivity:Interaction.Behaviors> <behaviors:Fade x:Name="FadeBehavior" Value="0.5" Duration="1000" AutomaticallyStart="True" /> </interactivity:Interaction.Behaviors> </Button> </Page>
L'esempio qui sopra dimostra come applicare l'effetto ad un bottone, ma lo si può replicare su qualsiasi altro pezzo di XAML. Eventualmente, è anche possibile gestire l'animazione in modalità asincrona dal code-behind, così da realizzare modalità di scomparsa tramite funzioni matematiche più complesse:
await MyButton.Fade(value: 0.5f, duration: 1000, easingType: EasingType.Default).StartAsync();
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Come funziona l'reditarietà delle variabili CSS
Effettuare lo scrolling automatico con la Universal Windows Platform
Accedere a tutto il file system con la Universal Windows Platform
Inviare web push notification da ASP.NET Core Parte 2
Aggiungere il metodo SelectMany alla classe Array in TypeScript
Creare un validator custom per le reactive form in Angular
Testare la compatibilità a Windows 10S con la Universal Windows Platform
Mostrare lo stato dei contatti con la Universal Windows Platform
Usare Azure Cosmos DB ad un basso costo tramite il throughput condiviso
Autenticazione biometrica nella Universal Windows Platform
I più letti di oggi
- Eseguire un template T4 in fase di build
- Accedere a tutto il file system con la Universal Windows Platform
- La multi-user application con la Universal Windows Platform
- Progressive Web Apps e il futuro delle app e del web
- Ottimizzare il codice per le richieste HTTP tramite IHttpClientFactory in ASP.NET Core 2.1
- Utilizzare il controllo Expander nella Universal Windows Platform
- Testare la compatibilità a Windows 10S con la Universal Windows Platform
- Proteggere le immagini con Classic ASP
- ecco tutte le novità pubblicate sui nostri siti questa settimana: http://aspit.co/wkly buon week-end!
- Build 2014: tutte le novità per gli sviluppatori in diretta da San Francisco