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
Utilizzare WhenEach per processare i risultati di una lista di task
Implementare il throttle in JavaScript
Fissare una versione dell'agent nelle pipeline di Azure DevOps
Integrare OpenAI tramite Aspire
Gestire codice JavaScript con code splitting e lazy loading
Supportare la sessione affinity di Azure App Service con Application Gateway
Gestire progetti .NET + React in .NET Aspire
Abilitare automaticamente il force push di un gruppo su Azure DevOps
Eseguire una ricerca avanzata per recuperare le issue di GitHub
Gestire progetti NPM in .NET Aspire
Gestire il routing HTTP in Azure Container App
Utilizzare l nesting nativo dei CSS
I più letti di oggi
- Analizzare il contenuto di una issue con GitHub Models e AI
- .NET Conference Italia 2025 - Milano
- The Agentic Day - Milano
- Ottimizzare l'utilizzo della CPU in ASP.NET Core con MiniProfiler
- Gestione CSS in Blazor con .NET 9
- Gestione file Javascript in Blazor con .NET 9
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9