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
Ottimizzare le performance usando Span<T> e il metodo Split
Eseguire query in contemporanea con EF
Ridurre il reflow ottimizzando il CSS
Integrare modelli AI in un workflow di GitHub
Gestione file Javascript in Blazor con .NET 9
Configuratione e utilizzo .NET Aspire CLI
Rinnovare il token di una GitHub App durante l'esecuzione di un workflow
Utilizzare l nesting nativo dei CSS
Gestione CSS in Blazor con .NET 9
Centralizzare gli endpoint AI Foundry con Azure API Management
Creare una libreria CSS universale - Rotazione degli elementi
.NET Aspire per applicazioni distribuite