Applicazioni come Facebook ci hanno abituato ad un comportamento molto utile che aiuta a guadagnare spazio quando la nostra applicazione fa un largo uso di liste, utilizzando un'header scrollable.
Con l'header scrollable, quando scrolliamo la nostra ListView verso il basso, l'header stessa viene nascosta, per poi mostrarla nuovamente in caso contrario.
Per aggiungere questo comportamento alla nostra applicazione dobbiamo aggiungere mediante NuGet il riferimento alla library Microsoft.Toolkit.Uwp.UI.Controls. Questa libreria che fa parte del UWP Community Toolkit, una serie di librerie gratuite prodotte dalla community di sviluppatori.
<ListView Name="myListView" ItemsSource="{x:Bind MySource, Mode=OneWay}"> <ListView.Header> <controls:ScrollHeader Mode="Sticky" TargetListViewBase="{x:Bind myListView }"> <TextBlock Text="Header" /> </controls:ScrollHeader> </ListView.Header> </ListView>
L'utilizzo è semplice: l'importante è impostare la proprietà TargetListViewBase che di fatto associa l'header alla ListView, dandole questo nuovo comportamento.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Popolare una classe a partire dal testo, con Semantic Kernel e ASP.NET Core Web API
Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
Miglioramenti nell'accessibilità con Angular CDK
Il nuovo controllo Range di Blazor 9
Usare una container image come runner di GitHub Actions
Creare una libreria CSS universale: Cards
Rinnovare il token di una GitHub App durante l'esecuzione di un workflow
Creare una libreria CSS universale: i bottoni
Utilizzare i primary constructor di C# per inizializzare le proprietà
Estrarre dati randomici da una lista di oggetti in C#
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON