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
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
Disabilitare automaticamente un workflow di GitHub (parte 2)
Usare il versioning con i controller di ASP.NET Core Web API
Assegnare un valore di default a un parametro di una lambda in C#
Usare un KeyedService di default in ASP.NET Core 8
Eseguire operazioni sui blob con Azure Storage Actions
Effettuare chiamate con versioning da Blazor ad ASP.NET Core
Inizializzare i container in Azure Container Apps
Configurare dependabot per aggiornare le dipendenze di terze parti con GitHub Actions
Utilizzare gli snapshot con Azure File shares
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Reactive form tipizzati con modellazione del FormBuilder in Angular