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
Usare le navigation property in QuickGrid di Blazor
Triggerare una pipeline su un altro repository di Azure DevOps
Generare velocemente pagine CRUD in Blazor con QuickGrid
Utilizzare il metodo IntersectBy per eseguire l'intersection di due liste
Gestire il colore CSS con HWB
Filtrare i dati di una QuickGrid in Blazor con una drop down list
Popolare una classe a partire dal testo, con Semantic Kernel e ASP.NET Core Web API
Bloccare l'esecuzione di un pod in mancanza di un'artifact attestation di GitHub
Ottimizzare le performance usando Span<T> e il metodo Split
Cancellare una run di un workflow di GitHub
Gestione CSS in Blazor con .NET 9
Come EF 8 ha ottimizzato le query che usano il metodo Contains