Nello script precedente abbiamo visto come abilitare la visualizzazione a gruppi in un controllo di tipo LongListSelector. È possibile personalizzare il look&feel dell'header di ogni gruppo semplicemente impostando la proprietà GroupHeaderTemplate.
<LongListSelector .... GroupHeaderTemplate="{StaticResource GroupHeaderTemplate}" />
La proprietà è del tipo DataTemplate ed è sufficiente definirla nello XAML, come siamo solitamente abituati a fare con la proprietà ItempTemplate.
<DataTemplate x:Key="GroupHeaderTemplate"> <Border Width="72" Height="72" HorizontalAlignment="Left" Background="{StaticResource PhoneAccentBrush}"> <TextBlock Text="{Binding Title}" FontSize="40" Padding="6" VerticalAlignment="Center" HorizontalAlignment="Center" /> </Border> </DataTemplate>
Così facendo, è possibile riprodurre l'aspetto della JumpList, così da poter passare rapidamente da un gruppo all'altro.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Paginare i risultati con QuickGrid in Blazor
Sfruttare al massimo i topic space di Event Grid MQTT
Utilizzare i primary constructor di C# per inizializzare le proprietà
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Disabilitare automaticamente un workflow di GitHub
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Supporto ai tipi DateOnly e TimeOnly in Entity Framework Core
Usare le collection expression per inizializzare una lista di oggetti in C#
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
Eseguire attività pianificate con Azure Container Jobs
Effettuare il binding di date in Blazor
Routing statico e PreRendering in una Blazor Web App