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
Utilizzo delle stepped value functions nel CSS
Esporre tool MCP da API REST con Azure App Service
Nuove validazioni Form Blazor
Building Custom Developer Agents
Raggruppamento degli aggiornamenti di dipendenze tra directory in un monorepo con Dependabot
Creare una file based app con C#
Ottimizzare i costi con Smart tier in Azure Blob Storage
DevSecOps per .NET: dalla teoria alla pratica
Blazor e InputHidden in .NET 10
Interazione con ReconnectModal in Blazor
Operazioni tra insiemi di array in Javascript
Definire il colore di una scrollbar HTML tramite CSS


