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
Disabilitare automaticamente un workflow di GitHub (parte 2)
Implementare il throttling in ASP.NET Core
Creazione di componenti personalizzati in React.js con Tailwind CSS
Gestire domini wildcard in Azure Container Apps
Aggiungere interattività lato server in Blazor 8
Installare le Web App site extension tramite una pipeline di Azure DevOps
Specificare il versioning nel path degli URL in ASP.NET Web API
Gestire la cancellazione di una richiesta in streaming da Blazor
Usare il versioning con i controller di ASP.NET Core Web API
Miglioramenti nelle performance di Angular 16
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Short-circuiting della Pipeline in ASP.NET Core