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
Creare una libreria CSS universale: Cards
Gestione ciclo di vita in .NET Aspire
Evitare memory leaks nelle closure JavaScript
Usare i servizi di Azure OpenAI e ChatGPT in ASP.NET Core con Semantic Kernel
Popolare una classe a partire dal testo, con Semantic Kernel e ASP.NET Core Web API
Utilizzare la funzione EF.Parameter per forzare la parametrizzazione di una costante con Entity Framework
Gestire il routing HTTP in Azure Container App
Conoscere il rendering Server o WebAssembly a runtime in Blazor
Creare agenti facilmente con Azure AI Agent Service
Utilizzare il metodo CountBy di LINQ per semplificare raggruppamenti e i conteggi
Montare Azure Blob Storage su Linux con BlobFuse2
Utilizzare il metodo ExceptBy per eseguire operazione di sottrazione tra liste
I più letti di oggi
- .NET Conference Italia 2025 - Milano
- Usare i settings di serializzazione/deserializzazione di System.Text.Json di ASP.NET all'interno di un'applicazione non web
- The Agentic Day - Milano
- Gestione ciclo di vita in .NET Aspire
- Gestione CSS in Blazor con .NET 9
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Gestione file Javascript in Blazor con .NET 9