2012-09-01 11 views
6

Esiste una lista in cui è possibile cercare i valori per AppBarButtons?AppBarButtonSyle per WinRT

se sto guardando nella StandardLayout.xaml ho trovato alcuni esempi, come questo

<Style x:Key="ZoomOutButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> 
    <Setter Property="AutomationProperties.AutomationId" Value="ZoomOutButtonStyle"/> 
    <Setter Property="AutomationProperties.Name" Value="Zoom Out"/> 
    <Setter Property="Content" Value="&#xE1A4;"/> 
</Style> 

Esiste un elenco dei valori come

&#xE1A4; 

Grazie.

risposta

7

Eseguire il programma Mappa caratteri & selezionare l'interfaccia utente Simbolo Segoe dalla lista dei font: -

Character Map clip

il bit che si sta cercando, nel tuo esempio è, & # xE1A4 basta ignorare il & #x all'inizio. Puoi utilizzare qualsiasi programma di visualizzazione font o controllare la versione gratuita di Syncfusion Metro Studio (2 intro min vid) allo Syncfusion Metro Studio FREE per una maggiore manipolazione delle icone.

semplicemente divertirsi provando ...

2

È possibile aprire lo strumento Mappa caratteri e impostare il carattere sul simbolo dell'interfaccia utente di Segoe. I valori sono da questo tipo di carattere.

+0

Ma non riesco a vedere gli elementi, che rappresenta per alcuni valori, ad esempio un vetro con un segno meno o un segno più. –

6

vedere l'elenco completo delle icone (presente in StandardLayout.xaml) in Segoe UI simbolo insieme con i loro valori Unicode a http://kishore1021.files.wordpress.com/2012/09/appbar.png. Sotto ogni icona, puoi vedere il nome e i valori unicode.

Per utilizzare uno di questi stili è sufficiente utilizzare il codice Xaml seguente.

<Button Style="{StaticResource RemoveAppBarButtonStyle}"/> 

Sostituire la parola accanto a StaticResource con il pulsante desiderato.

Arrivando alla personalizzazione del pulsante visualizzato, è possibile derivare il proprio stile dallo stile di base e utilizzare setter per impostare le proprietà con i valori desiderati come nel codice seguente. Qui sto visualizzando un'icona a forma di globo e il testo sotto l'icona è "Ottieni posizione".

<Style x:Key="GlobeAppBarButtonStyle" TargetType="Button" 
BasedOn="{StaticResource AppBarButtonStyle}"> 
    <Setter Property="Content" Value="&#x128;" /> 
    <Setter Property="AutomationProperties.Name" Value="Get Location> 
</Style>