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
Controllare la telemetria con .NET Aspire
Utilizzare @property per animare nativamente un oggetto HTML tramite CSS
Gestione delle scrollbar dinamiche in HTML e CSS
Migrare applicazioni legacy nel cloud con Azure App Service Managed Instance
Effettuare un clone parziale di un repository di GitHub
Configurare OpenTelemetry per Application Insights su ASP.NET Core
Monitorare le tabelle di Azure SQL Database con Change Event Streaming
Abilitare .NET 10 su Azure App Service e Azure Functions
Usare i generics di C# con la clausola nameof in modo semplificato
Gestire progetti .NET + React in .NET Aspire
Le cron expression di un workflow di GitHub
Recuperare gli audit log in Azure DevOps




