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
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Utilizzare database e servizi con gli add-on di Container App
Evitare la script injection nelle GitHub Actions
Limitare le richieste lato server con l'interactive routing di Blazor 8
Effettuare il deploy di immagini solo da container registry approvati in Kubernetes
Verificare la provenienza di un commit tramite le GitHub Actions
Ottenere il contenuto di una cartella FTP con la libreria FluentFTP
Utilizzare le collection expression in C#
Generare file PDF da Blazor WebAssembly con iText
Mascherare l'output di un valore all'interno dei log di un workflow di GitHub
Definire stili a livello di libreria in Angular
Migrare una service connection a workload identity federation in Azure DevOps