Fade Header con la Universal Windows Platform

di Marco Leoncini, in Windows 10, Animazioni,

Il Windows Community Toolkit rappresenta una preziosa risorsa per lo sviluppatore e per lo sviluppo di applicazione UWP in generale.

In particolare, facilita e migliora il look & feel dei classici controlli, con uno sforzo e un impatto minimo sui tempi di sviluppo.
Ad esempio, mediante FadeHeader è possibile aggiungere ai controlli GridView e ListView un header che allo scrolling scompare, con un gradevole effetto fade.

Per poter utilizzare questo effetto è sufficiente installare il pacchetto del WCT da NuGet, aggiungere l'xmlns e modificare lo XAML della nostra applicazione:

<Page ...
    xmlns:interactivity="using:Microsoft.Xaml.Interactivity"  
    xmlns:behaviors="using:Microsoft.Toolkit.Uwp.UI.Animations.Behaviors"/>

<ListView>
    <interactivity:Interaction.Behaviors>
        <behaviors:FadeHeaderBehavior />
    </interactivity:Interaction.Behaviors>
    <ListView.Header>
        <!-- il mio contenuto -->
    </ListView.Header>
</ListView>

Sarà il behavior FadeHeaderBehavior a compiere per noi la magia: verrà aggiunta l'animazione di scomparsa all'header.

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi