Nello script precedente abbiamo visto come utilizzare gli Style AppBarButtonStyle e i suoi derivati per visualizzare la maggior parte delle icone di una Windows Store App.
Qualora volessimo utilizzare un'icona personalizzata, non presente nel set degli Style, possiamo creare un nostro Style estendendo appunto AppBarButtonStyle.
Se analizziamo il VisualStateManager di AppBarButtonStyle possiamo vedere che nelle fasi di interazione, ad esempio PointerOver e Pressed, viene cambiato il valore della proprietà Foreground del ContentPresenter, il quale contiene l'oggetto che andiamo ad impostare nella proprietà Content del Button.
Per poter avere un'icona possiamo usare l'oggetto Path ma di quest'ultimo possiamo impostarne il colore con la proprietà Fill, anzichè Foreground. Per gestire questo scenario e per cambiare correttamente il colore durante le fasi di interazione possiamo creare uno Style come il seguente, nel quale sfruttiamo RelativeSource Mode=TemplatedParent nell'espressione di binding per trasferire le proprietà Foreground e Content nelle rispettive proprietà Fill e Data del Path.
<Style x:Key="PathAppBarButtonStyle" BasedOn="{StaticResource AppBarButtonStyle}" TargetType="ButtonBase"> <Setter Property="ContentTemplate"> <Setter.Value> <DataTemplate> <Path Width="20" Height="20" Stretch="Uniform" Fill="{Binding Path=Foreground, RelativeSource={RelativeSource Mode=TemplatedParent}}" Data="{Binding Path=Content, RelativeSource={RelativeSource Mode=TemplatedParent}}" /> </DataTemplate> </Setter.Value> </Setter> </Style>
In questo modo il suo utilizzo è estremamente semplice:
<Button Style="{StaticResource PathAppBarButtonStyle}" AutomationProperties.Name="Salva e.." Content="M14.0652215480804,14.7758959829807C14.3212740421295 ....." />
Ed ecco un esempio:

Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Blazor + .NET 6 = .NET ovunque
Creare un'istanza di Azure SQL Database tramite ARM
Gestire le chiamate a servizi esterni in ASP.NET Core e Blazor tramite Polly
Generare le release note automaticamente tramite una GitHub Action
Creare un'istanza di Azure Service Bus con ARM
Gestire aree contestuali in un'applicazione Blazor
Leggere il valore di un header della richiesta in ASP.NET Core 6
Continuous Deployment tramite GitOps
Semplificare con un extension method l'aggiunta di filtri a run time nelle query LINQ
Creare velocemente microservice grazie a minimal API di ASP.NET Core 6
Creare l'effetto floating label per gli input con Bootstrap 5
Parallelizzare le chiamate HTTP con async/await e le Promise in JavaScript
I più letti di oggi
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Gestire form con più di un pulsante submit in ASP.NET MVC
- Usare TryUpdateModelAsync per aggiornare le entity nelle action di POST in ASP.NET Core MVC
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!