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
Eseguire operazioni sui blob con Azure Storage Actions
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Generare file per il download da Blazor WebAssembly
Criptare la comunicazione con mTLS in Azure Container Apps
Copiare automaticamente le secret tra più repository di GitHub
Configurare dependabot per aggiornare le dipendenze di terze parti con GitHub Actions
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Utilizzare database e servizi con gli add-on di Container App
Utilizzare politiche di resiliency con Azure Container App
Paginare i risultati con QuickGrid in Blazor
Creare alias per tipi generici e tuple in C#
Eseguire attività pianificate con Azure Container Jobs