Nello script precedente abbiamo visto come l'AppBar sia il controllo in cui inserire i menu dei comandi delle applicazioni Windows Store.
Secondo i criteri del Windows UI Style, i pulsanti relativi a funzioni dovrebbero avere un'icona monocromatica vettoriale, circoscritta da un cerchio di 40 pixel, con sotto una breve parola che ne descriva la funzione.
Per semplificare questo design, il template dei progetti Visual Studio includono uno Style specifico per il controllo Button, affinchè il suo aspetto segua i suddetti requisiti: lo Style AppBarButtonStyle.
Nell'immagine precedente possiamo vedere uno Button standard e uno a cui è applicato AppBarButtonStyle.
L'AppBarButtonStyle utilizza il testo inserito nella proprietà AutomationProperties.Name proprio per renderizzare il testo che descrive il pulsante.
<Button AutomationProperties.Name="Apri" Content="A" Style="{StaticResource AppBarButtonStyle}" />
Oltre allo Style di base, il template di progetto include una serie di Style specifici per le operazioni più comuni, con le relative icone. Ad esempio, possiamo trovare UndoAppBarButtonStyle, RedoAppBarButtonStyle, MailForwardAppBarButtonStyle e moltissimi altri.
Tali Style non includono singole icone ma utilizzano il font Segoe UI Symbol e i rispettivi codici per ciascun carattere speciale: undo e redo, ad esempio, sono rappresentati con  e , con il seguente risultato.
La scelta di utilizzare un carattere di un font anzichè un'immagine semplifica notevolemente la personalizzazione degli stati visuali del Button grazie alla proprietà Foreground di cui esso è dotato. Tale proprietà viene implicitamente trasferita al Textblock che viene inserito nel ContentPresenter, qualora la proprietà Content contenga una stringa.
Poichè Foreground è una proprietà diretta di Button, questa può essere variata attraverso il Visual State Manager ad esempio per cambiare il colore all'icona durante lo stato pressed.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Gestire domini wildcard in Azure Container Apps
Popolare una classe a partire dal testo, con Semantic Kernel e ASP.NET Core Web API
Le novità di Angular: i miglioramenti alla CLI
Garantire la provenienza e l'integrità degli artefatti prodotti su GitHub
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Migrare una service connection a workload identity federation in Azure DevOps
Miglioramenti agli screen reader e al contrasto in Angular
Estrarre dati randomici da una lista di oggetti in C#
Utilizzare un numero per gestire la concorrenza ottimistica con SQL Server ed Entity Framework
Creare gruppi di client per Event Grid MQTT
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
Path addizionali per gli asset in ASP.NET Core MVC
I più letti di oggi
- Tutorial Entity Framework 6
- Tutorial Entity Framework
- Tutorial HTML5
- RT @aspitalia Partecipa al nostro evento #RCD4, fai un RT e sarai estratto per 1 copia di #sl3guidacompleta! http://u.aspitalia.com/bw
- Migliorare l'organizzazione delle risorse con Azure Policy
- Configurare più site su unico web role di Windows Azure
- Windows Phone 8 Developer Day - Milano
- ReBuild 2020 Live - Online
- ASPItalia.com Network: si aggiungono LINQItalia.com e SilverlightItalia.com
- Rilasciata la versione 1.0 di ASP.NET MVC